Design system · Issue 07
v1.0 · Framer
The colours, type and pieces that make Peppermint feel like a magazine. Edit them once in Framer, and every page follows.
01 · Colour
Colours
Pine
#0F2B22
Text, dark sections, buttons
Deep
#0A1F18
Footer and deepest surfaces
Mint
#BDEBD3
Highlights, light sections
Coral
#FF6A4D
Accent, CTAs, focus states
Paper
#F4F1E7
Page background
Cream
#F3F0E6
Cards and text on dark
Sand
#E6DFCB
Image placeholders, maps
Coral Deep
#D9472B
Hover state for coral
Pine 70
rgba(15, 43, 34, 0.7)
Secondary text on light
Pine Line
rgba(15, 43, 34, 0.15)
Dividers on light
Cream 70
rgba(243, 240, 230, 0.7)
Secondary text on dark
Mint Line
rgba(189, 235, 211, 0.15)
Dividers on dark
02 · Type
Typography
Display / H1
Sofia Sans Extra Condensed · 184 / 120 / 76
Display / XL
Sofia Sans Extra Condensed · 184 / 150 / 120 / 64
Smile files
Display / L
Sofia Sans Extra Condensed · 96 / 68 / 52
Editor’s letter
Display / M
Sofia Sans Extra Condensed · 72 / 56 / 44
Book your visit
Heading / Card
Sofia Sans Extra Condensed · 56 / 48 / 40
Everyday care
Heading / Cover
Sofia Sans Extra Condensed · 44 / 38 / 34
Whitening that looks like you
Heading / M
Sofia Sans Extra Condensed · 40 / 34 / 30
Matched, not bleached
Heading / Article
Sofia Sans Extra Condensed · 36 / 32 / 28
Enamel, explained
Italic / L
Instrument Serif Italic · 32 / 28 / 24
Brighter, never fake-looking.
Italic / M
Instrument Serif Italic · 22
Up to eight shades in one calm hour.
Body / L
Mona Sans · 18
Every price includes the chat, the plan and the aftercare.
Body
Mona Sans · 16
We photograph your starting shade in daylight.
Body / S
Mona Sans · 14
Free cancellation up to 24 hours before.
Label
Sofia Sans Extra Condensed · 14
Issue 07 · Autumn 2026
Label / S
Sofia Sans Extra Condensed · 12
Most booked
03 · Components
Components
No. 02
Orthodontics desk
Dr. Clara Moreau
Has straightened 2,300 smiles.
Subscription insert
✂ Cut here
Essentials
£12
/month
1 check-up + x-rays a year
1 hygiene & airflow visit
10% off treatments
Cancel anytime. Really, anytime.
Q.
Does it hurt?
A.
Honestly? Far less than you remember.
— H.W.