Thus, for Post Face Brackets (which are mounted to the faces of the Posts), you'll see the full outline of only the Bracket that shows to the side of the porch. For all other Post Face Brackets, you're seeing only the front edge, not the flat side of the Bracket. That's what you'd see looking straight at the front of a porch. We represent this edge as a long, gray rectangle.
Likewise, Belt Course Brackets, installed perpendicular to the face of the Beams, are shown as a gray edge. Please remember as you study these illustrations that the most successful porches do present themselves in real life in three dimensions!
It's not as easy to see exactly what a specific item will look like from this perspective drawing but it will help you understand the overall relationship that various components have to one another.