Utility
Style guide.
The colors, type and components behind Nacre. Change them once and every page follows.
01
Colors
Saved as color styles in the Nacre folder. Change them once and every page follows.
Surfaces
Ivory
#F7F1EA
White
#FFFDFA
Sand
#EFE4D8
Blush
#F3E3DB
Brand
Rose
#C98F7E
Rose Deep
#A8685A
Bronze
#B08A5A
Cocoa
#2B1D18
Text and lines
Muted
#7A6A62
Subtle
#A8978D
Border
#E8DBCE
Inverse
#FFFDFA
02
Typography
Fraunces for display, Figtree for interface and body. One clean size sequence across the site.
Display
Fraunces Light 108 / -5%
Skin, restored.
Heading 1
Fraunces Light 88 / -3.5%
Restored by light.
Heading 2
Fraunces Light 64 / -3%
Four visits to clearer skin
Heading 3
Fraunces Light 44 / -2%
Care from people who take their time
Heading 4
Fraunces Light 36 / -2%
Laser hair removal
Heading 5
Fraunces Regular 28 / -1.5%
Pigmentation and sun damage
Body L
Figtree Regular 18 / 165%
Medical grade laser care, delivered gently.
Body M
Figtree Regular 16 / 165%
Every treatment plan is reviewed by a physician before your first visit.
Body S
Figtree Regular 14 / 158%
Comfort cooled, medical grade devices adjusted in real time.
Caption
Figtree Regular 12 / 150%
Open Monday to Saturday, 9 to 7. No obligation.
Label
Figtree SemiBold 12 / +10%
Laser skin clinic
Button
Figtree SemiBold 14
Book a visit
Nav
Figtree Medium 14
Treatments
03
Buttons and tags
One button with four styles, a label and an arrow. Tags for durations and prices.
Label chip
Treatment tag
No downtime
From $89
04
Form elements
Soft inputs with a rose focus ring.
Default
Your email
Focus
sofia@email.com
05
Radius
Large, soft corners on cards and images. Pills for buttons and tags.
18px
26px
36px
44px
Full
