← All designs

Meridian (crisp modern SaaS)

Prowebsite

Premium crisp-modern light SaaS design — cool neutrals + one electric-blue accent, CSS gradient-mesh hero, sharp bordered cards, mono labels, kbd-hint chips. Locked light theme, no 3D.

Meridian (crisp modern SaaS) — homepage preview

Palette

#2563ff
#143a9c
#0c1322
#e6ebf3
#f7f9fc
#5b6577
Mode
website
Tier
Pro
3D hero
No

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 'meridian': a crisp modern light SaaS site — cool near-white + slate neutrals, one confident electric-blue accent. An animated CSS gradient-mesh hero + fine dot grid, glassmorphism sticky nav, sharp bordered cards with soft shadows, a precise grid, mono labels, ⌘K keyboard-hint chips, a deploy-terminal card. Sora display + Plus Jakarta Sans body. No 3D. Locked light theme. 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 meridian

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