Visual Language

Our grid system allows for countless bespoke pattern variations. Below are steps to create your own set. It’s important not to exceed filling in 50 segments, otherwise the patterns become too intricate.

Here are some examples of patterns. As you can see below, they can vary in complexity 
and shape. These pre-existing patterns can be used in applications but should also be used 
as a reference for when creating new patterns.

Because of the intricate nature of our patterns, when used in applications they can become visually busy. To avoid this we can crop into our patterns. To do this we take a segment of the pattern and creating a clipping mask. To make all our crops consistent there needs to be a minimum of 6 shapes within it.

Below are several examples of different crops that we have created from our patterns. These pre-existing crops can be used in applications but should also be used as a reference for when creating new ones.

We can also create dynamic patterns by shifting perspective. To create these, use 
the 3D Extrude & Bevel tool in Adobe Illustrator. Below are two examples of this shift 
in perspective. It’s important that we do not go above 70º in any of the three axis.

Here are several examples of how we use our patterns within our visual language. It is important to use the guidance below to make sure all our patterns are impactful and consistent.