Styleguide

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

Styleguide

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

Styleguide

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

text styles

Nota

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

Heading 1

Heading 1b

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

colors

Nota

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.

Purple

#E74C3C

White

#FFFFFF

Jet

#333333

Mikado Yellow

#FCC412

Seasalt

#F7F7F7

Dim Grey

#333333

Champagne

#FAE1C2

SHADOWS

Nota

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.

Elevation 1

Elevation 2

Elevation 3

text styles

Nota

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

Heading 1

Heading 1b

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

colors

Nota

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.

Purple

#E74C3C

White

#FFFFFF

Jet

#333333

Mikado Yellow

#FCC412

Seasalt

#F7F7F7

Dim Grey

#333333

Champagne

#FAE1C2

SHADOWS

Nota

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.

Elevation 1

Elevation 2

Elevation 3

text styles

Nota

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

Heading 1

Heading 1b

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

colors

Nota

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.

Purple

#E74C3C

White

#FFFFFF

Jet

#333333

Mikado Yellow

#FCC412

Seasalt

#F7F7F7

Dim Grey

#333333

Champagne

#FAE1C2

SHADOWS

Nota

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.