This layout relies on a grid to guide placement and alignment of the various text and graphic elements.
It combines edge alignment with horizontal and vertical alignment as well as an example of breaking alignment for emphasis.
The red lines overlaying this layout represent the underlying grid. The equally sized squares of color are aligned along their edges. The graphics are centered within each square.
Text aligns along grid lines. The yellow lines represent the horizontal and vertical alignment within the layout. The headline draws attention to itself in part because it breaks out of the grid, not aligning to the grid or other elements on the page.
