▲
home
salon
about
portfolio
motion
references
contact

Style Guide

Logo of Sarah Kemnitz in black
ColorsTypographyElementsLogoDocuments

Colors

Global Colors
Body Background Color
Body Text Color
Headings Color
Brand Color
Button Colors
Button Color
Button Hover Color
Button Text Color
Button Text Hover Color
Button Secondary Color
Button Secondary Hover Color
Button Secondary Text Color
Button Secondary Text Hover Color
Link Colors
Link Color
Link Hover Color
Nav Link Color
Nav Link Hover Color
Other
These apply to the background classes and you can use them however you'd like.
Border Color
Form Input Background Color
Form Input Placeholder Color
Background Colors (optional)
These are extra colors tied to background color utility classes for you to use however you'd like.
Background Color 1
Background Color 2
Background Color 3
Background Color 4
Text Colors (optional)
These are extra colors tied to text color utility classes for you to use however you'd like.
Text Color 1
Text Color 2
Text Color 3
Text Color 4

Typography

Headings

Typeface
Spartan Extra Bold (800)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Heading H1

Heading H2

Heading H3

Heading level four

Heading level five
Heading level six

Body

Typeface
Cairo Normal (400)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Elements

Buttons

Primary SmallButton PrimaryButton Large
Secondary SmallButton SecondarySecondary Large

Buttons with Icon

Primary Small
Button Primary
Button Large
Secondary Small
Button Secondary
Secondary Large

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Documents

Branding

Wallpaper Desktop
Download
Created by di•puentes