Colours
Manage recurring text and background colours.
Colours
Black / White
State Colours
Background Colors
Text Colors
Heading Styles
Heading classes when typography style doesn't match the default HTML tag.
Sample text helps you understand how real text may look.
Sample text is being used as a placeholder. Sample text helps you understand how real text may look.
Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.
Text Styles
Text classes when typography style doesn't match the default HTML tag.
Text Sizes
Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present on your website.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Text Styles
eyebrow
eyebrow
Text Style Italic
Text Style / Muted
Text Style / Allcaps
Text Style / Nowrapp
Text Style / Link
Sample text is being used as a placeholder.
Text Weights
Text Alignments
Icons
Unify icons sizes. Icon 1x1 sets both height and width of an icon for an image (SVG / PNG). Icon Embed sets both height and width of an icon for a SVG code.
Spacers
Spacer elements using the 8-pt grid to give sections more room to breathe.
Shadows
Shadow with 15% opacity of black, Shadow / Light with 10% opacity of black.