Swish

Item: Swish
Rating: 6.8

Design-led dental clinics in Calgary focused on oral care as self-care.

swishoralcare.ca Save page

6.8/10MABTU rating

DESKTOP · 1440 × 6,262/ ↗

MOBILE · 390

Section outline · Home

01heroWhere oral care meets self-care.833
02features gridWhy Switch to Swish?823
03features gridSwish Locations1,280
04media textOur Team634
05features gridOur Services1,705
06ctaSay ahhhh...328
07faq562

Rating · Home

Visual design7.4

UX & clarity7.0

Originality7.8

Craft & consistency6.8

Motion5.0

Performance & a11y7.7

This page scores 7.1; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Tobiasheading · serif · self-hosted Maison Neuebody · sans · self-hosted

Stack & style

Webflow jQuery Swiper Lottie Bootstrap

Playful Photography-led Rounded / soft FAQ accordion Hero carousel Sticky header

Also: Cloudflare, Google Analytics

Design DNA

Cream (#FFF6E0) ground, periwinkle/lavender (#8E7CF0 range) for headings, cards and pill buttons, with mustard-yellow micro-buttons and a hand-lettered 'Swish' wordmark. Hero pairs a serif headline 'Where oral care meets self-care' with a tall rounded photo of the clinic's brick stair entrance. Three lavender rounded cards explain the brand values with a small toothbrush-swoosh icon, then a masonry of interior photos (bookshelves, white arches) for locations, a team photo row and a two-column services index with yellow 'Learn more' chips. Ends on a lavender band patterned with the logo swoosh and a light lavender footer.

Worth borrowing

Give a clinic a consumer-brand palette: lavender headings and cards on cream with a mustard accent.
Show locations as a masonry of interior photography rather than a map.
Close the page on a band filled with an oversized repeat of the logo mark.