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

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

Quote

Paragraph Large

Paragraph Small

Body

Feature

Feature Small

Colors

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.

Accent

#A9FF5C

Accent Light

#E1FFC7

Accent Hover

#7FD136

Accent Dark

#1300FF

Black

#090D06

White

#FFFFFF

White 2

#F1FBE8

Accent Opacity 6

#131C0B

Accent Opacity 10

#1F2B15

Accent Opacity 13

#243317

Accent Opacity 20

#30451E

Accent Opacity 25

#426027

White Opacity 30

#F1FBE8

White Opacity 40

#F1FBE8

Yellow Light

#FDD963

Yellow Dark

#564801

Orange Light

#FFC295

Orange Dark

#602606

Green Dark 1

#003800

Green Dark 2

#002D00

Gray 60

#979F90

Text Light

#5B5E76

Text

#19154E

Green Light

#7FD136

Text Styles

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

Quote

Paragraph Large

Paragraph Small

Body

Feature

Feature Small

Colors

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.

Accent

#A9FF5C

Accent Light

#E1FFC7

Accent Hover

#7FD136

Accent Dark

#1300FF

Black

#090D06

White

#FFFFFF

White 2

#F1FBE8

Accent Opacity 6

#131C0B

Accent Opacity 10

#1F2B15

Accent Opacity 13

#243317

Accent Opacity 20

#30451E

Accent Opacity 25

#426027

White Opacity 30

#F1FBE8

White Opacity 40

#F1FBE8

Yellow Light

#FDD963

Yellow Dark

#564801

Orange Light

#FFC295

Orange Dark

#602606

Green Dark 1

#003800

Green Dark 2

#002D00

Gray 60

#979F90

Text Light

#5B5E76

Text

#19154E

Green Light

#7FD136

Text Styles

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

Quote

Paragraph Large

Paragraph Small

Body

Feature

Feature Small

Colors

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.

Accent

#A9FF5C

Accent Light

#E1FFC7

Accent Hover

#7FD136

Accent Dark

#1300FF

Black

#090D06

White

#FFFFFF

White 2

#F1FBE8

Accent Opacity 6

#131C0B

Accent Opacity 10

#1F2B15

Accent Opacity 13

#243317

Accent Opacity 20

#30451E

Accent Opacity 25

#426027

White Opacity 30

#F1FBE8

White Opacity 40

#F1FBE8

Yellow Light

#FDD963

Yellow Dark

#564801

Orange Light

#FFC295

Orange Dark

#602606

Green Dark 1

#003800

Green Dark 2

#002D00

Gray 60

#979F90

Text Light

#5B5E76

Text

#19154E

Green Light

#7FD136