Typography
Type Styles
Global Components
Typography
and such
diverse things
anon
Element | Displays | |||
---|---|---|---|---|
h1 | Heading 1 |
Heading 1 | ||
h2 | Heading 2 |
Heading 2 | ||
h3 | Heading 3 |
Heading 3 | ||
h4 | Heading 4 |
Heading 4 | ||
h5 | Heading 5 |
Heading 5 | ||
h6 | Heading 6 |
Heading 6 | ||
Body Copy | Body copy | Body copy | ||
Body Copy | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | ||
Body Copy | 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | ||
Input Label | Label | |||
Button - Primary | ||||
Button - Outline | ||||
Button - Inverse | ||||
Text Link | Default | Hover | Pressed | Disabled |
Text Link - Inverse | Default | Hover | Pressed | Disabled |
Tabs | Default | Active |
Forms
tables
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Cell | Table Cell | Table Cell |
Table Cell | Table Cell | Table Cell |
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
Typography
This is an H1 Title
This is an H2 Title
This is an H3 Title
This is an H4 Title
This is an H5 Title
This is an H6 Title
This is body copy, all set in Montserrat - Regular . Letter spacing and leading is pre-defined in the styles.
Buttons and Links Variations
Use these classes for button color variations
View More This is an anchor tag Dark Button Light Button Outline Button Outline Dark Button Outline Light Button Full Width