Colours
Primary
Primary Dark
Primary Darker
Primary Light
Primary Lighter
Secondary
Secondary Dark
Secondary Darker
Secondary Light
Secondary Lighter
Base
Contrast
Neutral
Neutral Light
Neutral Lighter
Gradient 1
Gradient 2
Huge Heading
Heading 1
Heading 2
Heading 3
Heading 4
Huge text
Extra extra large text
Extra large text
Large text
Medium text
Small text
Extra small text
This is a heading 2 & the font is Frank Ruhl Libre (medium)
This is a paragraph of dummy text & the font is Nunito Sans. The following sentence contains all the letters of the alphabet. I like to try various good quality font families with different text sizes & just hope that I can find the best combination. Sugar mice toffee eclairs dolly mixture orange and lemon slices gobstoppers jelly babies love hearts boiled sweets sherbet lemons sugared almonds.
Very long lines of text are difficult to read, as the section above shows. Here, I’ve put the text inside a Group block with inner content of 804px which should make it easier to read.
This is a paragraph with default style
This is a paragraph with display style
This is a paragraph with subtitle style
This is a paragraph with annotation style
This Group has default padding
This Group has padding set to none
This Group has tiny padding
This Group has small padding
This Group has medium padding
This Group has large padding
This Group has extra large padding
This Group has 2xl padding
This Group has 3xl padding
This Group has 4xl padding
This Group is wide width and has medium padding
This Group is full width and has medium padding
- list item 1
- list item 2
- list item 3
This is a link.
This is a Quote block
This is a Pullquote block
This is the citation
Here are some buttons
This is a separator (horizonal rule).