Layout Principles

1. Unit of measurement

For consistency across all applications, the layout unit of measurement, “X,” is used. Based on the logo size, “X” is derived by dividing the staging platform into a 4x4 grid. The “X” measurement will be used in reference to various size and spacing layout requirements in the following sections.
Staging platform with 4x4 grid overlay
The staging platform has a four-column grid structure.

2. Logo sizes

Below are the minimum logo sizes recommended for each type of media. The sizes represent the height of the staging platform. Because the logo size will determine layout proportions, including margin settings and positioning of key elements, it is important to use the appropriate size. This will help ensure that our brand look and feel is maintained across various types of media.
Minimum Logo Sizes
Print
9 mm
OOH
720 mm
Digital
24 px
Print
9 mm
Digital
30 px

3. Margin

In addition to a defined logo size, each media application uses a defined margin space minimum of 2X within the live area, which is also the minimum clear space required around the logo. The margin should be positioned within the specified live area to ensure that critical elements do not get cut out. Extra margin allowance may also be added so that the logo and additional elements are not lost.
Diagram of minimum margins around horizontal brand logos
Margin size is measured in units of “X".

4. Logo placement

There are two preferred logo placement options: flush left and center. Below are guidelines for logo placement for various media applications.

5. Typography alignment

Align headline or body copy either flush left or centered with the logo, but never flush right. Disclaimer copy can be flush left, centered or flush right at the bottom of the communication. The URL should live flush left at the bottom of the communication. Below are guidelines for the various media applications.

Print

Example of center aligned vehicle logo and center aligned, sentence case headline
Example of center-aligned vehicle logo and center-aligned, sentence-case headline.
Example of center aligned vehicle logo and center aligned, sentence case headline with grid
Example of center-aligned vehicle logo and center-aligned, sentence-case headline with grid.
Example of center aligned vehicle logo and center aligned, uppercase headline in print layout
Example of center-aligned vehicle logo and center-aligned, upper-case headline in situ.
Example of flush left, top aligned logo with body copy, left aligned on right side of advertisement
Example of flush-left, top-aligned logo with body copy, left-aligned on right side of advertisement.
Example of center aligned logo, center aligned headline and center aligned copy on right side of advertisement, URL is flush left, bottom of advertisement
Example of center-aligned logo, center-aligned headline and center-aligned copy on right side of advertisement. URL is flush left, bottom of advertisement.

Billboard

Example of flush left, top aligned logo with floating headline on right side, disclaimer flush right
Example of flush-left, top-aligned logo with floating headline on right side. Disclaimer flush right.
Example of flush left, top aligned logo with floating headline on right side, disclaimer flush right with grid
Example of flush-left, top-aligned logo with floating headline on right side. Disclaimer flush right with grid.
Example of flush left, top aligned logo with sentence case headline on right side, flush left disclaimer
Example of flush-left, top-aligned logo with sentence-case headline on right side. Flush-left disclaimer.
Example of flush left, bottom aligned logo, uppercase headline, disclaimer flush right
Example of flush-left, bottom-aligned logo. Uppercase headline. Disclaimer flush right.
Example of flush left, bottom aligned logo, center aligned, sentence case headline
Example of flush-left, bottom-aligned logo. Center-aligned, sentence-case headline.

Digital

Example of flush left, center aligned headline and flush right disclaimer
Example of flush-left, center-aligned headline and flush-right disclaimer.
Example of center aligned logo, center aligned headline, center aligned body copy and center aligned disclaimer
Example of center-aligned logo, center-aligned headline, center-aligned body copy and center-aligned disclaimer.
Example of flush left logo, left aligned copy and flush right disclaimer
Example of flush-left logo, left-aligned copy and flush-right disclaimer.
Example of flush left logo, center aligned headline and flush right disclaimer
Example of flush-left logo, center-aligned headline and flush-right disclaimer.
Example of full bleed image, flush left logo, center aligned uppercase headline, and flush right disclaimer
Example of full-bleed image; flush-left logo; center-aligned, uppercase headline; and flush-right disclaimer.
Example of full bleed, flush left, top aligned logo, headline and CTA center aligned on right side
Example of full-bleed, flush-left, top-aligned logo. Headline and CTA center aligned on right side.
Example of all center aligned elements
Example of all center-aligned elements.

White Band

White information band placement

An optional white information band may be used on any of the media applications when the background texture impairs text legibility. Following are effective examples of layouts using a white information band, as well as specifications for use. This is not a comprehensive representation of all layout options, just a sampling.