Nocturne (dark organic, 3D)

Pro3Dwebsite

Premium dark-organic luxe design — midnight aubergine + champagne gold + cream. Palette-driven 3D aurora hero, italic Fraunces display, organic shapes, soft glows, bento. Locked dark theme.

Nocturne (dark organic, 3D) — homepage preview

Palette

#e9c789

#c79a52

#160f1c

#1e1525

#f3ebe1

#9a8aa0

Mode

website

Tier

Pro

3D hero

Yes (three.js)

The prompt that builds it

Paste this to your IDE agent (Claude Code, Codex, …) — it reads the cartwright-premium-design skill and builds this as a real design pack.

Build me a Cartwright design pack 'nocturne': dark-organic luxe — midnight aubergine canvas, warm champagne-gold accent, soft cream text, rounded organic shapes and soft glows. A palette-driven three.js aurora hero (<DesignHero/>) with a CSS gradient fallback, italic Fraunces display + Manrope body, a bento layout. Locked dark theme. English copy — think a high-end fragrance/architecture house.

Use this design

Install it into an existing Cartwright project with one command — it fetches the design’s code and registers it for you:

$npx create-cartwright design install nocturne

Then activate it: set designSlug: "nocturne" in brand.config.ts, or pick it in /admin/designs. New project? npx create-cartwright first.

Build your own with an AI agent →Prompt library