The design system
Blush
Modern beauty — warm, personal, quietly glamorous. The complete creative direction: how a Blush designer thinks, then every component in that voice.
Philosophy
Before color, before type — the feeling.
Beautiful is personal. Confidence you author, never perform.
Feels like Rhode Merit Vogue Beauty Charlotte Tilbury Silk Blush marble Warm chrome A beauty campaign
Never Saccharine Hot magenta Glitter Teen-cute Letterboard Ring-light glam
Glow over gloss. Warmth over glamour. Design principles
The guardrails every decision answers to.
Always ✓ Soft curves & pill frames✓ Blush as ground, not confetti✓ One italic accent word✓ Portrait-forward✓ Warm chrome hairlines✓ Generous airNever ✕ Saturated magenta as primary✕ Letterboard clichés✕ Pink-tinted photos✕ Hard 0-radius grids✕ Clinical coldness✕ HypePhotography direction
The single biggest lever.
Shoot Soft natural light Dewy skin Warm blush tones Editorial beauty portraits Product on blush Diverse subjects Hands
Avoid Magenta tint Ring lights Heavy glam Letterboard Stock smiles Blue LEDs
Grade warm and soft — luminous skin, blush neutrals, gentle contrast. Framed in rounded pills, never hard squares.
Motion language
Not what animates — how it moves.
Blush moves like silk settling.
Soft rise with a gentle scale; plush pill buttons lift on hover. Warm, unhurried, a little sensuous — never bouncy or loud.
Layout DNA
The recurring skeleton, so nothing drifts.
Image left / text right, or offset — asymmetric, never centered-and-symmetrical. Lots of breathing room. A big-serif-versus-tiny-caps scale jump carries the hierarchy. Text columns stay narrow (≤ 42ch). One idea per screen.
Image left · text right · asymmetric — narrow column
Refreshed, never overdone.
A plan built around your face — quiet, considered, and entirely your own.
Full-bleed image · offset text · one idea per screen
Considered care, start to finish.
Voice
How it speaks.
Sounds like Warm, confident, personal, first-person.
"Beautiful is personal."
Never says "Clinical-grade." Unit counts. Anything that sounds like a hospital or a hard sell.
System rules
Corners · shadow · grid · texture · shapes.
Corners Soft. Pills and 22px everywhere; rounded and pill image frames. Warmth over sharpness.
Shadow & elevation Soft blush glow — low, warm, diffused. Never a hard dark drop.
Texture Soft blush wash, warm chrome hairlines. Matte-to-satin, never gritty.
Recurring shapes The soft pill, the circle, the offset rounded frame, one italic word.
Grid & spacing 1180px container · 12 columns · generous margins. Scale 8 / 16 / 24 / 40 / 64 / 96.
Accessibility Contrast clears WCAG AA. Body ≥ 15px. Tap targets ≥ 44px. Reduced-motion honored.
Why choose Blush
You're picking a perception, not a palette.
Best for Not ideal for Beauty-first medspas · personal-brand injectors · aesthetic-forward clinics · younger-but-premium clientele Austere clinical brands · plastic-surgery gravitas · minimalist restraint · older conservative positioning
Blush is how a beauty-first brand sells aspiration.
Reference board
The visual source of truth — petal tones, dewy skin, warm light, soft product moments. Editorial beauty, never influencer glam. Curate to ~12.
10 shown — rose tones, soft treatment moments, warm neutrals. The through-line: luminous and personal — never magenta, never ring-light.
Palette
Warm whites, petal neutrals, one confident coral. Never magenta, never sugary.
Typography kit
Choose the pairing. Never Fraunces, never a tracked-caps eyebrow.
Pairing A · Editorial beauty
Beautiful is personal.
Every treatment begins with a conversation — a plan built around your features, not a trend.
DM Serif Display + Hanken Grotesk
Pairing B · Soft modern
Author your glow.
Skin-first plans, explained gently — luminous, never overdone.
Lora italic + Karla
Logo directions
Three wordmark treatments for the same name.
Rose & IvoryBeauty studio
Icon style
Thin single-weight line, sharp corners.
Background patterns
Quiet structure, used at low opacity.
Rose petal Rose water Powder & silk Imagery
Curation & art direction.
Art direction: dewy skin and petal tones over clinical setups. Warm luminous grade, soft window light, oval and circle crops as the signature.
Buttons
Six treatments — sharp, editorial, no pills.
Navigation
Three concepts.
Centered editorial · stacked
Minimal · single-row left
Heroes
Distinct executions of one job.
Hero — editorial split (signature arch)
Beautiful, your way. Skin-first treatments planned around your features — never a template, never a trend.
Book a consultation Hero — full-bleed, overlaid
Hero — asymmetric typographic
Confidence you author. Dewy, luminous, unmistakably you — beauty on your terms.
Reviews — marquee
Two rows, opposite drift, slow, pause on hover. Vanilla CSS — no library, no avatars-from-a-CDN.
★★★★★
The most natural results I've had. They talked me out of more than I asked for. — Verified review
★★★★★
Felt like a real consultation, not a sales pitch. I finally trust a clinic. — Verified review
★★★★★
I look rested, not “done.” Exactly what I wanted. — Verified review
★★★★★
Honest, unhurried, and the room is beautiful. I've sent three friends. — Verified review
★★★★★
They explained everything and never upsold me. Rare. — Verified review
★★★★★
Subtle, expert, and genuinely kind. Worth every penny. — Verified review
★★★★★
The most natural results I've had. They talked me out of more than I asked for. — Verified review
★★★★★
Felt like a real consultation, not a sales pitch. I finally trust a clinic. — Verified review
★★★★★
I look rested, not “done.” Exactly what I wanted. — Verified review
★★★★★
Honest, unhurried, and the room is beautiful. I've sent three friends. — Verified review
★★★★★
They explained everything and never upsold me. Rare. — Verified review
★★★★★
Subtle, expert, and genuinely kind. Worth every penny. — Verified review
★★★★★
The most natural results I've had. They talked me out of more than I asked for. — Verified review
★★★★★
Felt like a real consultation, not a sales pitch. I finally trust a clinic. — Verified review
★★★★★
I look rested, not “done.” Exactly what I wanted. — Verified review
★★★★★
Honest, unhurried, and the room is beautiful. I've sent three friends. — Verified review
★★★★★
They explained everything and never upsold me. Rare. — Verified review
★★★★★
Subtle, expert, and genuinely kind. Worth every penny. — Verified review
★★★★★
The most natural results I've had. They talked me out of more than I asked for. — Verified review
★★★★★
Felt like a real consultation, not a sales pitch. I finally trust a clinic. — Verified review
★★★★★
I look rested, not “done.” Exactly what I wanted. — Verified review
★★★★★
Honest, unhurried, and the room is beautiful. I've sent three friends. — Verified review
★★★★★
They explained everything and never upsold me. Rare. — Verified review
★★★★★
Subtle, expert, and genuinely kind. Worth every penny. — Verified review
Editorial marquee
An oversized word-band that drifts — the fashion-house move, in serif.
Luminous · Personal · Dewy · Warm · Modern · Luminous · Personal · Dewy · Warm · Modern ·
Gallery — masonry + blur-fade
Columns masonry, each image blurs up on scroll.
Masonry + scroll blur-fade. Imagery placeholder — real client photography drops in per build.
Large testimonial
Beautiful was never about looking like someone else. The Blush philosophy
The page — one continuous composition
How the components relate. Rhythm, not a parts bin.
Beautiful, your way. Skin-first treatments planned around your features — never a template, never a trend.
Book a consultation
Physician-led
Every treatment
Start with what's on your mind 01 Fine lines Botox, softened, never frozen.
02 Volume Filler — cheeks, lips, jaw.
03 Texture Microneedling, peels, laser.
Your provider Dr. Sofia Marin MD · Board-certified · 9 yrs
"I aim for you on your best day — refreshed, not done."
Beautiful was never about looking like someone else.
Signature moments
The visual signatures that repeat until they become Blush.
Material library
Blush is materials before it is color.
Cropping language
One image, five crops.
Art-direction priority
How the aesthetic actually works — in order of what matters.
Photography half of Blush — light, material, quiet Whitespace the material; never fill it Typography big-serif vs tiny-caps scale jump Material silk, petal, blush marble, warm chrome Color the quietest lever — one earthy accent Buttons last — sharp, hairline, silent Emotional progression
How a visitor should feel, scroll by scroll.
Arrival → Warmth → Recognition → Desire → Trust → Decision
Before → After
The same clinic, ordinary and then Blush — how the direction transforms something generic.
Typical medspa
✦ RADIANCE MEDSPA
Home Services About Blog Contact
BOOK NOW
Your Beauty, Our Passion The #1 rated medspa — look and feel your best!
BOOK NOW CALL TODAY
✦ Botox
✦ Fillers
✦ Laser
✦ Facials
✦ Weight Loss
Blush
Rose & Ivory
About Treatments Team Visit
Book
Beautiful, your way. Skin-first treatments planned around your features — never a template.
Book a consultation