02Editorial Luxury

SADAF — House of Pearls

Clean editorial luxury for a heritage pearl house — the restraint piece, rebuilt from a dark WebGL version into real photography.
Client
SADAF · heritage pearl house (demo)
Year
2026
Visit live sitesadaf-zeta.vercel.app
sadaf-zeta.vercel.app

The build

A study in art-directed restraint. An earlier dark, WebGL-choreographed version was deliberately torn down and rebuilt around real editorial photography because no procedural render cleared the photoreal bar. Warm ivory grounds, near-black type, nacre-rose and antique-gold reserved strictly as accents. Hero → collections carousel → spotlight → craftsmanship split → heritage timeline → FAQ → atelier CTA.

The standout

Knowing when to remove the 3D. Kept to a 159 kB first-load budget — Lenis is dynamically imported post-hydration — and reduced-motion safe throughout.

The outcome

The restraint piece — rebuilt from a dark WebGL draft into real photography, held to a 159 kB first load and reduced-motion safe throughout.

Discipline

Art DirectionEditorialMotion

Built with

Next.js 15TypeScriptTailwind CSSGSAP 3 · ScrollTriggerLenis (lazy post-hydration)Archivo / Playfair Displaynext/font

Start a project

Want something like SADAF — House of Pearls?

Every build starts with one conversation and one point of contact — the founder who wrote this code. Tell me what you have in mind.