Engineered (dark-luxe agency)

Pro3Dwebsite

Premium dark-luxe agency design — navy + cream + mint-teal accent, three.js GLSL aurora hero, editorial type, glassmorphism, bento. Locked theme (no OS dark-mode flip). Built in real code.

Engineered (dark-luxe agency) — homepage preview

Palette

#5fe6c4

#1e3f5a

#090d11

#0d141a

#f4efe6

#737d86

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 'engineered': a dark-luxe AI-agency homepage — deep navy-black canvas, warm cream text, one mint-teal accent. A real three.js GLSL aurora hero behind the headline (use <DesignHero/>), editorial Bricolage Grotesque display + Hanken Grotesk body + JetBrains Mono labels, glassmorphism nav, a bento services grid with :has() hover, a numbered process, a pull-quote, and a gradient-mesh CTA. Locked dark theme (no dark: variants). English copy.

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 engineered

Then activate it: set designSlug: "engineered" 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