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

Note

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

Heading 1 (for SEO)

Title

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

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.

Blue Primary

#047AFF

Blue Dark

#024999

Blue Lighter

#E6F2FF

Blue Hover

#046EE6

Blue Darker

#033773

Blue Light

#D9EBFF

Green

#7DEDAA

Red

#F56687

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Grey

#E0E0E0

Text

#19154E

Text Light

#5B5E76

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.

Elevation 1

Elevation 2

text styles

Note

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

Heading 1 (for SEO)

Title

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

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.

Blue Primary

#047AFF

Blue Dark

#024999

Blue Lighter

#E6F2FF

Blue Hover

#046EE6

Blue Darker

#033773

Blue Light

#D9EBFF

Green

#7DEDAA

Red

#F56687

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Grey

#E0E0E0

Text

#19154E

Text Light

#5B5E76

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.

Elevation 1

Elevation 2

text styles

Note

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

Heading 1 (for SEO)

Title

Heading 2

Heading 3

Heading 4

Heading 5

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

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.

Blue Primary

#047AFF

Blue Dark

#024999

Blue Lighter

#E6F2FF

Blue Hover

#046EE6

Blue Darker

#033773

Blue Light

#D9EBFF

Green

#7DEDAA

Red

#F56687

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Grey

#E0E0E0

Text

#19154E

Text Light

#5B5E76

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.