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 to the Text Styles will apply to all reflective elements across the site.
Hero
Heading 1
Heading 2
Heading 3
Heading 4
Heading 4-Semibold
Heading 4-Underline
Heading 5
Subtitle
Label
Label-Small
Body-XXLarge
Body-XLarge
Body-Large
Body
Body-Small
Button
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 across the site.
Zap Yellow
#FFDD05
Boom Red
#FC3C2D
Shock Blue
#2B34A5
White-Ish
#FDFDF8
Black-ish
#111212
White
#FFFFFF
Black
#000000
Text styles
NOTE: Any edits to the Text Styles will apply to all reflective elements across the site.
Hero
Heading 1
Heading 2
Heading 3
Heading 4
Heading 4-Semibold
Heading 4-Underline
Heading 5
Subtitle
Label
Label-Small
Body-XXLarge
Body-XLarge
Body-Large
Body
Body-Small
Button
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 across the site.
Zap Yellow
#FFDD05
Boom Red
#FC3C2D
Shock Blue
#2B34A5
White-Ish
#FDFDF8
Black-ish
#111212
White
#FFFFFF
Black
#000000
Text styles
NOTE: Any edits to the Text Styles will apply to all reflective elements across the site.
Hero
Heading 1
Heading 2
Heading 3
Heading 4
Heading 4-Semibold
Heading 4-Underline
Heading 5
Subtitle
Label
Label-Small
Body-XXLarge
Body-XLarge
Body-Large
Body
Body-Small
Button
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 across the site.