Style Guide

A reference guide for text styles, color palette and shadows.

Text Styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Tagline

Tagline 02

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Nav Link

Footer Link

Colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

Natural Indigo

#023842

Emerald Wave

#4CB3A8

Coral Orange

#EA6949

Silky Tofu

#FFF5E5

Text

#000000

Text Light

#000000

Shadows

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Border

Elevation 1

Elevation 2

Elevation 3

Buttons

Note

You can update any button style by double-clicking to enter the component.

Fill + Dark Text

Fill + Light Text

Emerald Border