Swish Oral Care

The reference for de-clinicalising a dentist: cream #fff6e4 canvas, periwinkle-purple #816ee7 as the only accent, and a big Tobias serif hero (4.5rem, weight 400) that reads like a lifestyle brand, not a medical practice.

Health flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: Tobias
body: Maison Neue
mono

Do / Don't

Reference it for

Warm off-white page canvas #fff6e4 (yellow-light) instead of clinical white, paired with soft grey body text #626262
A single confident accent: periwinkle purple #816ee7 for headings, buttons and logo, deepening to #56499b for dense purple areas and #d4caff / #e0d9ff purple-mid/light for tinted panels
Serif display type: Tobias Regular (weight 400) at --font-size--display 4.5rem / h1 2.5rem for the hero and section leads, over Maison Neue Extended Book for body
Editorial hero split: oversized serif headline left, single portrait image right in a heavily-rounded frame (card border-radius 3rem)
Fully-rounded pill buttons (border-radius 200px / 12.5rem) filled solid purple with white text
Yellow #f1b742 as a secondary pop for accent blocks and stickers against the cream field
Playful topbar announcement strip riding over an organic blobby purple graphic bleeding off the top edge
1400px (87.5rem) max-width container with a 40px main grid gap and generous 5rem section padding

Do not copy

The Swish script wordmark logo
The exact periwinkle-plus-cream-plus-marigold palette as a set (reads unmistakably as Swish)
The organic purple blob motif bleeding off the header
Licensed brand faces Tobias and Maison Neue Extended (swap to your own serif + grotesque)
Real clinic photography (Michelle Johnson Photography) and the Calgary location shots
Swish copy voice lines like 'Where oral care meets self-care' and 'No Shame in Our Game'
The Fresh Press blog naming and Calgary-specific location details