Sudiv Lux

What's in it

Design system

• Typography: Bodoni Moda (high-fashion Didone serif, 40–104px display) + Jost (clean grotesque body) — with responsive scaling breakpoints baked into every text style.

• Color tokens: Pure Black, Deep Charcoal, Ivory, with Champagne Gold used sparingly as hairline/accent only (no gradients, no neon).

• Reusable color & text styles, link presets — clean named layers throughout.

7 pages

1. Home — 10 sections: cinematic hero → manifesto → signature collection → craftsmanship (parallax + pillars) → featured products → editorial campaign → testimonials → press → newsletter → footer

2. Collections — CMS grid with working category filtering (verified live)

3. Product Detail — gallery, story, specs, materials, related pieces

4. Journal — featured story + category filter + article grid

5. Article Detail — editorial reading layout + prev/next

6. About — heritage, philosophy, founder, timeline

7. Contact — form, boutiques, appointments

Components & CMS: Navbar (with mobile drawer), Button (3 variants + hover), Submit Button, shared Main Layout template (navbar+footer site-wide), and 3 CMS collections (Products, Journal, Testimonials) fully populated with content + imagery.

Interactions: fade-up scroll reveals, image hover-zoom, parallax bands, page transitions, mobile drawer — all kept smooth and restrained.

Responsive: Desktop / Tablet / Phone breakpoints on every page + the layout template.