Flux (vibrant gradient SaaS)

Prowebsite

Premium developer-first payments/infra SaaS design — white canvas, deep-navy text, one vivid indigo accent, a bold animated multi-hue gradient mesh with an angled clip, crisp white hairline cards, syntax-tinted mono code cards, a gradient stat band. Locked light theme, no 3D.

Flux (vibrant gradient SaaS) — homepage preview

Palette

#635bff

#4b45c6

#0a2540

#e3e8ee

#ffffff

#425466

Mode

website

Tier

Pro

3D hero

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 'flux': a developer-first payments/infra SaaS site — white canvas, deep-navy text, one vivid indigo accent. A bold animated multi-hue gradient mesh with an angled clip, crisp white hairline cards, syntax-tinted monospace code cards, and a gradient stat band. Locked light theme, no 3D. English copy — Stripe-adjacent confidence.

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 flux

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