Apex (flagship · super-pro)

Pro3Dwebshop

The flagship super-pro webshop — one page composing a 3D hero, a 3D product showroom, value props, a build-your-own configurator, the live product grid, a scroll-cinema story and a CTA. Palette-adaptive: every section + Pro element adopts your brand palette. Complete out of the box.

Apex (flagship · super-pro) — homepage preview

Palette

#7c5cff

#5a3fd6

#16101f

#ece8f9

#faf8ff

#6e6680

Mode

webshop

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 flagship super-pro webshop design 'apex': a single palette-adaptive homepage (cw-* atoms + applyPaletteAsTheme, default luxe violet) that composes everything — a 3D Live-Canvas aurora hero, a rotatable 3D product showroom with a spec rail, value props, a build-your-own configurator with a live preview + live price (:has(:checked), no JS), the real featured-product grid, a scroll-cinema story (animation-timeline: view()), and a closing CTA. Every section AND every Pro element re-skins to the brand palette. Webshop mode, premium, mixable. 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 apex

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