Style Guide
The fonts, type scale, colours and components used across Facette. Every sample on this page uses the real class, so you can find it in the Style Selector.
Fonts
Headings · Stack Sans Headline · 300 and 400
Body · Inter · 400, 500 and 600
Headings
H1 · heading-style-h1 · 240 px
H2 · heading-style-h2 · 120 px
H3 · heading-style-h3 · 72 px
H4 · heading-style-h4 · 56 px
H5 · heading-style-h5 · 42 px
H6 · heading-style-h6 · 32 px
Text Sizes
Text XLarge · text-size-xlarge · 28 px
Text Large · text-size-large · 24 px
Text Medium · text-size-medium · 18 px
Body · text-size-body · 16 px, line height 1.6
Text Regular · text-size-regular · 16 px
Text Small · text-size-small · 14 px
Colors
Page · Cream 50 · background-color-page
Cream · Cream 200 · background-color-cream
Yellow · Gold 300 · background-color-yellow
Gold · Gold 500 · background-color-brand
Primary · Ink 700 · background-color-primary
Dark · Ink 800 · background-color-dark
Components
Eyebrow
FAQ Item
You do not need to know before you book. Describe the change you want; Dr. Hart explains which options fit your anatomy, including non-surgical ones.
Form field