Layout Composition

Halfcircles-01.png
Focal

Impactful stories are focused. Share one concept at a time with one primary focal point that all elements build from or point towards. Grouping all elements along a magnetic centerline creates distinctive cohesion. 

Grounded

Each story is supported by a grounding, stable presence of our brand through our fundamental shapes. They can be used to harmonize multiple elements and create a united visual tapestry.

Confident

We are not afraid to take up space, voice our opinion and make an impact. Layouts should feel confident in their message and not overwhelm themselves with too many elements.

Human

hgjhgjghjhg

Kinetic Flow

sfasf

Magnetic Centerline

Overall, our layouts are built around a magnetic centerline that draws elements towards it in balance - either by dividing a composition down the center, or by aligning primary elements to it. 

Centered-02.png
Centered-01.png
Centered-03.png

Alignment around the centerline can have creative imbalance and explore unique relationships to justification.

1_Centered_2b-08.png

Entire compositions can be grounded within a color block frame. Do not frame or outline individual elements within a composition.

1_Centered_2b-06.png
1_Centered_2b-05.png

Page halves can have their own centers and layering - use this to link multiple ideas or add depth to a visual story.

Learn more about image pairing

in the photography guidelines.

Avoid elements on a single  outer edge

Avoid getting too meta with grids

Avoid single full color backgrounds

2_Focal-01.png
2_Focal-02.png

Tunnel Vision

Main graphic elements should be designed as a single, distinctive focal point that enhances the narrative. Do not distribute elements across the composition.

Simple linework can be used to connect concepts and elements.

Do not use linework that is arbitrary or does not add visual flow to a story.

2_Focal-05.png
2_Focal-06.png
2_Focal-03.png
2_Focal-04.png

Illustrative elements can overflow their grounding footprint, but should not be spread across the composition.

Learn more about illustrations

in the illustration guidelines.