Logos
Primary Logo
Light Logo
Site Icon
Fonts
Heading
Heading Sample H1
Heading Sample H2
Heading Sample H3
Heading Sample H4
Heading Sample H5
Heading Sample H6
| Name | Usage | Value |
|---|---|---|
| sz-1 | H1 size | clamp(2.75rem, 2.32rem + 1.92vw, 4rem) |
| sz-2 | H2 size | clamp(1.875rem, 1.58rem + 1.33vw, 2.75rem) |
| sz-3 | H3 size | clamp(1.5rem, 1.24rem + 1.13vw, 2.25rem) |
| sz-4 | H4 size | clamp(1.3rem, 1.09rem + 0.92vw, 1.875rem) |
| sz-5 | H5 size | clamp(1.2rem, 1.09rem + 0.49vw, 1.5rem) |
| sz-6 | H6 size | 0.875rem |
| lh-h | Heading line height | 1.3 |
Body
Large Body Sample
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.
Body Sample
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.
Small Body Sample
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.
Body Variables
| Name | Usage | Value |
|---|---|---|
| sz-bl | Large body | clamp(1.2rem, 1.09rem + 0.49vw, 1.5rem) |
| sz-bm | Body | 1.125rem |
| sz-bs | Small body | 1rem |
| lh-b | Body line height | 1.5 |
Body Variables (Compact)
| Name | Usage | Value |
|---|---|---|
| sz-bl-comp | Large body | clamp(1.125rem, 1.06rem + 0.28vw, 1.3rem) |
| sz-bm-comp | Body | 1rem |
| sz-bs-comp | Small body | 0.875rem |
| lh-b-comp | Body line height | 1.6 |
Heading: Fir Sans, medium
Body: Raleway, medium
Button Text: Raleway, medium
Colors
Light Theme
l-bg-1 : #ffffff
l-bg-2 : #f4f4f4
l-bg-3 : #eae6e3
l-bg-4 : #becedb
l-bg-5 : #bacbda
Foreground
l-fg-1 : #20272d
l-fg-2 : #6b757c
Dark Theme
d-bg-1 : #20272d
d-bg-2 : #234254
d-bg-3 : #345168
d-bg-4 : #2e2938
d-bg-5: #423a50
Foreground
d-fg-1 : #ffffff
d-fg-2 : #f4f4f4
Action Background : Hover
ac-1 #ff6456
ac-1h #a33228
ac-2 #eeeeee
ac-2h #9a939a
Modules
Button
Button Variables
| Name | Usage | Value |
|---|---|---|
| btn-ls | Letter spacing | 0.08em |
| btn-py | Vertical padding | 0.7em |
| btn-px | Horizontal padding | 1.6em |
Row
Sizing > Width: 85%
Sizing > Max Width: 1600px
Blurb
Blurb Title / h4
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.