Grids and layout
How we control space in our brand communications
Grids and layout overview
An integral aspect of our design identity is to create space, reinforcing our guiding thought that “the future of work is the space to succeed.” Using a grid is important to achieving this goal—it helps you define how logos, typography, and graphic elements are coordinated on the page.
When planning out your digital designs, use the column, gutter, and margin specifications in the chart below. Large blocks of color and white space—divided on a horizontal plane—help create our brand’s overall look and feel.
When creating documents in common sizes for print documents or PDFs, use the recommended specifications in the chart below. Slight modifications are acceptable if necessary. For layout sizes not shown here, create a new grid that has similar proportions to these common sizes.
To maintain consistency across digital banners, all layouts should use an 18-pixel margin. Columns and rows can be used at the discretion of the designer. If using columns, set the gutters at 9 pixels wide.
Copy should be left-aligned. The copy should be short and simple—driven by a main headline, and followed by secondary copy if necessary. Avoid using more than two font sizes per layout.
Sizes vary for social media posts. The designer should determine the proper grid specifications to suit the piece at hand, while having a similar look and feel to our digital banners (see section above).
Copy should be left-aligned. The copy should be short and simple—driven by a main headline and followed by secondary copy if necessary. Avoid using more than two font sizes per layout.
Click a question below to see the answer.
- Why is using a grid helpful?
Grids inform alignment, placement, and scale of text, color fields, icons, photography, and illustration. Grids help communicate information with a clear hierarchical structure. Please see detailed guidance on the Grids page.
- Do I have to follow the grid guidelines?
Yes, using the grid guidance will help bring coherence and consistency to our expressions.
Still have a question? Send us a message.