SaaS Dark (futurist / cyber)

3Dwebsite

Dark bg with indigo accents, animated grid + glow, terminal code-snippet hero.

SaaS Dark (futurist / cyber) — homepage preview

Palette

#818cf8

#4f46e5

#ffffff

#0a0a0a

#000000

rgba(255,255,255,0.6)

Mode

website

Tier

Free

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 like 'saas-dark': a futurist/cyber dark site — near-black background, indigo accents, an animated grid + glow, a terminal code-snippet hero. Crisp, technical, for dev-SaaS / AI APIs. 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 saas-dark

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