Composition
A flexible grid system provides multiple ways to present text. By changing left and right margin widths the grid can accomodate text of varying lengths. Clean typography and good visuals are useful for creating a compelling story.
Examples of graphic layouts are for tone and attitude only. Specifics are subject to change during development based on technology and usage.
Layout Variation
Flexible Grid
5 column grid / 1″ left & right margins
2-column layout / Light text density
Background images can help to tell your story, they should be textural and light enough or ghosted so as not to interfere with text legibility.
4 column grid / .75″ left & right margins
2-column layout / Heavy text density
4 column grid / .625″ left & right margins
4 column grid / 1″ left & right margins
2-column layout / front and back / Heavy text density
Layout Variations
Digital communications provide an opportunity for greater color use. Social media posts, email, and website banners are competing in a visually crowded arena where bright color, clean and simple layouts, and bold typography can help draw attention to your message.
Email blasts
Website banners, social media posts
Composition Summary
01
Content dictates the format
02
Utilize the flexibility of the grid
03
Avoid running text the full page width, very long lines are tiring to read
