Skin By Leah's palette is drawn from warm earth tones and soft skincare-adjacent hues spanning rich espresso browns through blush peach and cream. The entire system lives within a single warm family, creating a cohesive and welcoming aesthetic rooted in skin, nature, and quiet confidence.
Primary: Rich Browns
Espresso
#56251C
Cover backgrounds, dark surfaces, deep anchoring
Russet Brown
#804030
Primary brand colour, headings, logo, key accents
Warm Sienna
#B06E4A
CTAs on light surfaces, primary button fills
The core brand browns anchor all compositions. Espresso is reserved for the darkest surfaces and cover backgrounds. Russet Brown is the signature brand colour as seen in the SBL logo. Warm Sienna provides contrast and warmth on light backgrounds.
Secondary: Warm Tones
Canyon
#C18A6C
Supporting warm tone, decorative sections
Sandstone
#DCAD8D
Soft highlights, email dividers, secondary fills
Blush Peach
#E7B69D
Lightest accent, warm highlights, banner tones
Transitional tones bridging the deep browns and the cream base. Use in email layouts, background blocks, and section dividers to add warmth without adding visual weight.
UI Foundation
Studio Black
#151515
All body text, headings, primary buttons, nav background
Driftwood
#836b57
Footer background, warm mid-brown surfaces
Linen
#F6F0E9
Email canvas, section backgrounds, warm off-white
White
#FFFFFF
Site background, text on dark, button text
Studio Black anchors all UI — text, buttons, and navigation pull from this tone. Driftwood is the warm footer. Linen and White form the page canvas. These four keep the brand grounded while the warm browns do the expressive work.
02
Section 02
Typography
Two typefaces define the Skin By Leah voice. Poppins brings geometric precision and contemporary confidence to all headings and display text. Figtree provides clean, highly legible warmth for body copy, UI labels, and supporting text.
Heading & Display Typeface
Geometric Sans — Headings & Display
Poppins
Aging With Confidence
Expert Skincare & Laser Treatments
Aa
Light 300
Aa
Regular 400
Aa
Medium 500
Aa
SemiBold 600
Aa
Light Italic
Aa
SemiBold Italic
Body & UI Typeface
Rounded Geometric Sans — Body & UI
Figtree
Personalized skincare for every skin type and concern.
Aa
Light 300
Aa
Regular 400
Aa
Medium 500
Aa
SemiBold 600
Aa
Italic 400
Type Scale
TYPE SCALE
Display
Skin by Leah
64px / Poppins SemiBold 600
H1
Aging With Confidence
48px / Poppins SemiBold 600
H2
Our Skincare Services
36px / Poppins SemiBold 600
H3
Custom Facials & Laser Treatments
28px / Poppins Medium 500
Body Large
Personalized skincare for every skin type and concern.
18px / Figtree Regular 400
Body
Leah brings over 30 years of expertise to every treatment.
16px / Figtree Regular 400
Caption
Ponte Vedra Beach, Florida · By Appointment Only
14px / Figtree Regular 400
03
Section 03
Logo & Graphic Elements
The SBL logo family includes six approved variants covering light, dark, linen, and brand-colour backgrounds. The primary logo uses Russet Brown on light surfaces. All placements use official logo files from the approved style guide. The SBL letterforms must never be recreated from any typeface.
SBL on Light — Primary
SBL on Dark
SBL Small Type on Linen
SBL White on Brand Colour
Logo Usage Rules
Always use the official SBL logo files. Never recreate the letterforms using any typeface or digital tool.
On light and linen backgrounds, use the Russet Brown logo. On dark or brand-colour backgrounds, use the white variant.
The "Small Type" logo variant (wider letterspacing on "SKIN BY LEAH") is preferred for digital headers and email use.
Maintain clear space around the logo equal to the full height of the "S" letterform on all four sides.
Do not stretch, rotate, recolour, apply drop shadows, or add effects of any kind to the logo mark.
04
Section 04
Buttons
All buttons use full pill radius (100px) in keeping with the Rounded design language. Primary buttons use solid brand fills; secondary buttons use transparent outlines. Match the button style to the surface it sits on for correct contrast.
On Dark Surface — #151515 / Cover / Hero
On White — Brand Warm Primary
On Linen — Studio Black Primary (site default, hovers to #B06E4A)
