A yacht under way.
Calm drone-hover camera over a rippling Mediterranean. Bottom-aligned lockup. Adviser voice throughout.
- Aesthetic
- Cinematic · Three.js / WebGL · Riva / Sanlorenzo reel
- Motion
- Near-static drone hover · ~5kt lateral drift
- Overlay
- Bottom-aligned · sentence case · Inter 300
- Spec
- docs/design/yachts-home-v0.1.md
Editorial light.
Cereal-magazine register. Off-white, serif headlines, generous whitespace. Video as a single quiet rectangle.
- Palette
- Bone · sage · gold
- Voice
- Quiet · editorial · friendly
- Status
- Live
Concierge conversation.
WhatsApp-bubble UX. "Hi, I'm Khaled. Tell me when, where, and how many." Quick-reply pills. Human-first.
- Palette
- Sand · ink · terracotta-gold
- Voice
- Direct · warm · first-person
- Status
- Live
Mediterranean bright.
Sea-foam + sage palette, soft cards, asymmetric layout. Vacation-confident, not financial-confident.
- Palette
- Seafoam · sage · warm gold
- Voice
- Bright · contemporary · airy
- Status
- Live
One question, one answer.
Single ask, single input. Blurred video as backdrop. The whole hero is a question; the page below explains what happens next.
- Palette
- Cream over malachite-dark video
- Voice
- Inviting · spare · one-question
- Status
- Live
Letter reveal. ★ OPERATOR PICK
Spring-in entrance per letter, gold sweep after. Hover each letter to fill it with a coastline. Nav pill collapses to a circle on scroll-down, re-expands on scroll-up. Now also live as a real React build at /mockups-react/06 — the EN locale of zenithayachts.com/yachts renders this design in production.
- Effects
- Letter spring-in · hover image-fill · gold sweep · collapsing nav
- Static
- Vanilla HTML/CSS/JS at /mockups/06-letter-reveal.html
- React
- Tailwind + shadcn + Framer Motion at /mockups-react/06 · MSA Arabic + RTL at /mockups-react/06-ar
- Production
- EN locale of /yachts live · AR built + previewable, pending operator RTL QA
- Risk
- ALL-CAPS hero is off Voice Guide §8 (sentence case in production)
- Status
- Live · ratified