Skip to main content

Layouts

We make use of our grid when determining our layouts. Our grid works like a base structure, simply add shapes on top to create various compositions. These examples are based on a snapped to grid rationale, we can further create layouts that are more organic and free-floating as well.

Text

We set our text in high contrast. Black text on white background, and vice versa. Subheads are set in gray, We use tones carefully to ensure all text is readable and accessible.

Primary and secondary text in black and white. The primary text is labeled primary, while the secondary text is labeled secondary.

Examples

Here are some examples on how to combine text and artwork while maintaining hierarchy and balance.

A template example for setting text in a powerpoint slide.

As headline content varies, artwork should scale up or down to create a layout that feels cohesive and unified.

Two template powerpoint slide examples sit side by side, one in dark mode and one in light mode.

Here’s an example of how the artwork and headlines work hand in hand to fill space and become textural or atmospheric.

Three template 1x1 social examples sit side by side, with various text sizes to demonstrate how headlines scale.

Alternatively, you can crop key artwork or contain it within a layout to create interesting negative space.

Two template ebook cover examples sit side by side, each with different relationships to negative space.

Layouts with speaker photos can mix photography with illustration by cropping each into checkerboard a grid.

A template webinar cover example with placeholder headshots in three places, side by side with illustration.