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
Heading 2
Heading 3
Heading 4
Heading 5
Heading 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
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.
Primary Light
#55C183
Primary Medium
#099C5C
Primary Dark
#276F6E
Primary Darker
#276F6E
Green Light
#E6FCF0
Positive
#7DEDAA
Warning
#F56687
Alert
#FDD963
White
#FFFFFF
Black
#000000
Text
#00140B
Text Light
#5B5E76
Surface Gray Light
#5B5E76
Gray Med
#5B5E76
Gray Dark
#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
Elevation 2
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 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
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.
Primary Light
#55C183
Primary Medium
#099C5C
Primary Dark
#276F6E
Primary Darker
#276F6E
Green Light
#E6FCF0
Positive
#7DEDAA
Warning
#F56687
Alert
#FDD963
White
#FFFFFF
Black
#000000
Text
#00140B
Text Light
#5B5E76
Surface Gray Light
#5B5E76
Gray Med
#5B5E76
Gray Dark
#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
Elevation 2
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 5
feature
Paragraph Small
Paragraph Standard
Paragraph Large
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.
Primary Light
#55C183
Primary Medium
#099C5C
Primary Dark
#276F6E
Primary Darker
#276F6E
Green Light
#E6FCF0
Positive
#7DEDAA
Warning
#F56687
Alert
#FDD963
White
#FFFFFF
Black
#000000
Text
#00140B
Text Light
#5B5E76
Surface Gray Light
#5B5E76
Gray Med
#5B5E76
Gray Dark
#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.