Layout

Gutters will be 35px on each side of the page and 32px between Columns. When using the default layout settings, blocks will be (up to) 800px wide, unless they are set to wide mode in which case they’ll extend to 1140px.

Margin/Padding sizes come in a range from “Tiny” (8px) to “Huge” (256px)


Tiny (8px)


Small (16px)


Medium (32px)


Large (64px)


X-Large (128px)


Huge (256px)

Color Palette

Primary Navy

Action Orange

Accent Yellow

Accent Orange

Accent Aqua

Primary Navy (light)

Action Orange (light)

Accent Yellow (light)

Accent Orange (light)

Accent Aqua (light)

Primary Navy

Action Orange

Accent Yellow

Accent Orange

Accent Aqua

Primary Navy (light)

Action Orange (light)

Accent Yellow (light)

Accent Orange (light)

Accent Aqua (light)

Primary Navy

Action Orange

Accent Yellow

Accent Orange

Accent Aqua

Primary Navy (light)

Action Orange (light)

Accent Yellow (light)

Accent Orange (light)

Accent Aqua (light)

Primary Navy

Action Orange

Accent Yellow

Accent Orange

Accent Aqua

Primary Navy (light)

Action Orange (light)

Accent Yellow (light)

Accent Orange (light)

Accent Aqua (light)