Layout
When combining typography with imagery, try to keep things simple and make sure to align all of the elements on the page in accordance with the margins. The space between the imagery and typography should be the same as the logo clearspace.
Single Image
Construction
When combining typography with imagery, try to keep things simple and make sure to align all of the elements on the page in accordance with the margins. The space between the imagery and typography should be the same as the logo clearspace.
Logo and Image Separate
Where possible, logo and image should be separate.
This upholds the integrity of the mark and ensures
that it gets enough attention within the composition.
Logo on Image
Sometimes, when we want to make space within the composition, the logo is placed on top of the image. In these instances, type follows the color of the logo.
Single Image
Examples
Below are some examples of how to combine type and imagery. With the rules outlined above, our system can accommodate different layout possibilities that feel consistent despite their variety.
Vertical
Vertical
Landscape
Further Examples
Single Image
Don’ts
Below are some common things to avoid when combining type with imagery.
1. Imagery should always lock to the margins. 
2. Do not left-align the logo unless absolutely necessary. 
4. Do not combine type on image and type off image.