Haista Dental — four design directions

Each theme is a complete, mobile-first prototype: homepage, a treatment page and a blog listing, sharing one motion engine. Hover a card to see the live page; open it to scroll, drag the before/after slider and test the interactions.

Theme 01

Lumen · editorial light luxury

Ivory paper, deep petrol teal and champagne gold. Fraunces serif headlines with italic accents, numbered sections, thin rules. Reads like a premium Nişantaşı clinic.

TypeFraunces + InterSignatureWord-mask headline reveals, curtain image reveals, floating glass cards, gold underline draws, spinning stamp, sticky savings table
HomeTreatment pageBlog
Theme 02

Aqua v2 · electric blue, precise

Deep navy hero and electric blue on white, serif-italic emphasis, bento proof grid, transparent-to-glass header. Onest + Instrument Serif. The most conversion-oriented of the four. The original aqua version is kept in themes/02-aqua-v1/.

TypeOnest + Instrument Serif italicSignatureNavy hero with dot grid, bento stats, live savings calculator with saving %, tabbed before/after, sticky process cards, WhatsApp-first CTAs, navy footer
HomeTreatment pageBlog
Theme 03

Terra · Mediterranean boutique

Sand, terracotta and olive with arch-shaped image masks and a rotating sun. DM Serif Display. Sells the trip as much as the treatment: hospitality, itinerary, Bosphorus dinner.

TypeDM Serif Display + DM SansSignatureDay-by-day itinerary carousel, tilted terracotta ribbon marquee, bento treatments, receipt-style price card, arched portraits
HomeTreatment pageBlog
Theme 04

Nordic · Swiss precision

Pure white, cool grey and one electric blue. Space Grotesk headlines with JetBrains Mono labels and a visible grid. Positions the clinic as engineering-grade: tolerances, outcomes, audits.

TypeSpace Grotesk + Inter + JetBrains MonoSignatureCursor spotlight on the grid, cursor-following images on treatment rows, animated price bars, mono ticker, grayscale-to-colour portraits, spec tables
HomeTreatment pageBlog

Notes. All copy, prices, names and photographs are placeholders for evaluating design. Photos are free Unsplash images stored locally in assets/img; the final site should use optimised WebP/AVIF clinic photography. Every page is light-only, mobile-first, uses no JavaScript framework, and respects prefers-reduced-motion.