Logos
Default
Inverse
Favicon
Typography
Heading font
Barlow Condensed
Accent font
Fraunces
Body font
Rubik
H1
H2
H3
H4
H5
H6
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Accent-lg
Accent-sm
Link
Colors
scheme-bg-cream
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-bg-brown
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-bg-orange
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-4
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-ef6834e0-3eb6-450c-9d0e-85e850f64bf6
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-026d531a-e762-4c88-885a-9825d3ee5717
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-d5b6cfe0-4be5-40cc-af4e-e7b8262b3e20
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-de95c697-767b-4da5-b4b9-51bc52e55404
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
scheme-7f1a058c-e045-4840-923b-01c4677ffb51
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
Accent
Heading
This is a short paragraph using the body font and the current text color.
Page layout
Desktop
Mobile