Buttons
Fonts - Desktop
Heading
Cambon
Body/Accent
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
| Type | Size | Line H. | Letter Sp. | Weight | Case |
|---|---|---|---|---|---|
| H1 | 50 | 120% | 0% | Light | Default |
| H2 | 32 | 120% | 0% | Light | Default |
| H3 | 24 | 120% | 0% | Light | Default |
| H4 | 20 | 120% | 0% | Light | Default |
| Paragraph lg | 18 | 150% | 0% | Reg/Med/SmBd | Default |
| Paragraph md | 16 | 150% | 0% | Reg/Med/SmBd | Default |
| Paragraph sm | 14 | 150% | 0% | Reg/Med/SmBd | Default |
| Accent | 14 | 120% | 0% | Medium | Uppercase |
Colors
Base
- background
- heading
- text
- link
- link-hover
- border
Primary Button
- button-primary-bg
- button-primary-text
- button-primary-border
- button-primary-hover-bg
- button-primary-hover-text
- button-primary-hover-border
Secondary Button
- button-secondary-bg
- button-secondary-text
- button-secondary-border
- button-secondary-hover-bg
- button-secondary-hover-text
- button-secondary-hover-border
Base
- background
- heading
- text
- link
- link-hover
- border
Primary Button
- button-primary-bg
- button-primary-text
- button-primary-border
- button-primary-hover-bg
- button-primary-hover-text
- button-primary-hover-border
Secondary Button
- button-secondary-bg
- button-secondary-text
- button-secondary-border
- button-secondary-hover-bg
- button-secondary-hover-text
- button-secondary-hover-border
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit.