Layout
Similar to the layout techniques above, our graphic blocks are used to convey a sense of scale and amplification. Coupled with secondary tones, they create depth and hierarchy within layouts. When creating compositions with graphic blocks, always use the ‘Side by side’ technique.
Graphic Blocks
Construction
Similar to the layout techniques above, our graphic blocks are used to convey a sense of scale and amplification. Coupled with secondary tones, they create depth and hierarchy within layouts. When creating compositions with graphic blocks, always use the ‘Side by side’ technique.
Stacking Techniques
1. Side by side 
2. Dip 
3. Staggered 
Our graphic blocks should be sized proportionately to each other when possible. 
Always make sure there is enough constrast in size between each block. Graphic Blocks
Examples
Below are some examples of layouts that use the graphic blocks to house information and imagery.
Vertical
Vertical
Vertical
Landscape
Landscape
Vertical
Vertical
Vertical
Landscape
Landscape
Graphic Blocks
Full-Bleed Imagery
In certain moments such as lower-third animations and sign-offs, the graphic blocks can be used on full-bleed imagery. Below are some rules that ensure consistency when using the graphic blocks in these situations.
Safe Zone
In this context, our graphic blocks should never extend beyond the composition’s midpoints, horizontally or vertically. 
Stacking Techniques
1. Side by side 
2. Dip 
3. Staggered 
Graphic Blocks
Don’ts
Below are some common mistakes when applying graphic blocks to full-bleed imagery.
1. Do not let the blocks conceal the subject. 
3. Make sure that there is a strong contrast between blocks. 
2. Do not place blocks inside imagery unless full-bleed. 
4. Do not join blocks at corners. Application Examples
