Style Guide
Explore the design system behind Clario Pro, from color palette and type scale to buttons and rich text.
Color palette
Type scale
Text styles
The quick brown fox jumps over the lazy dog. This sample paragraph previews large body text.
The quick brown fox jumps over the lazy dog. This sample paragraph previews regular body text.
This is secondary text, used for descriptions, captions and supporting copy.
This is primary text on a brand surface.
This is secondary text on a brand surface.
Rich text
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript