Design Skill

The look that says your product is serious — AI SaaS Style

Dark backgrounds, one bold accent, typography that doesn't apologize. This is what AI tools, dev platforms, and SaaS products look like when they're not trying to be friendly — they're trying to win.

Build dark.
Build fast.
Look credible.
// suitable for
AI ToolsSaaS DashboardsDev PlatformsCLI AppsB2B ProductsData Apps
Works with

02 — What makes it work

Every decision is intentional

It's not a theme you slap on. It's a set of rules that make your product look like a product — not a template.

One color does everything

The accent shows up in 5–8 places max. CTAs, one keyword per heading, checkmarks, the featured card border. That's it. The restraint is what makes it look designed instead of chaotic — and it's harder than it sounds.

The grid is never boring

Asymmetric bento. One big card, one small. The hierarchy is built in. Nobody has to notice you planned it.

Type that means business

Syne for headings — bold, geometric, a little editorial. DM Sans for body — clean and readable without trying too hard.

Animations that don't beg for attention

Cards lift on hover. Sections fade up as you scroll. A glow pulses on the featured element somewhere in the background. Nothing is fighting for your attention — but the page feels alive. That's the difference between decoration and design.

03 — By the numbers

58
Accent spots per page — the limit that keeps it clean
2
Fonts. Orbitron + DM Sans. That's the whole system.
0
Stock photos. Gradients and geometry only.
1280px
Max content width. No stretched layouts.

04 — Built for

Who actually uses this

It's not for everyone. And honestly, that's the point.

SaaS startups
Building something new and need to look like you know what you're doing. This style says "we shipped" before the demo starts.
AI tools and wrappers
If your product touches models or agents, this aesthetic fits. Communicates speed and intelligence without over-explaining the tech.
Dev platforms and CLIs
Your users already live in dark mode. This meets them there — and still looks polished when you're pitching a non-technical buyer.
Technical founders
You know design matters. You just don't want to make a thousand decisions. This system has color, type, spacing, and components — all figured out.

05 — Pricing

Simple, honest pricing

One skill file. Use it on every project you build — no per-seat nonsense.

Starter
Free
forever
Good for side projects and getting a feel for the system.
  • Design token reference
  • Core component patterns
  • Typography system
Download free
Best Deal
Growth
$29
one-time payment
Everything in the skill. Built for teams that need to ship fast and look professional doing it.
  • Everything in Starter
  • Full SKILL.md + DESIGN.md
  • Bento + pricing patterns
  • Animation + interaction spec
  • Unlimited projects, forever
Get Growth
Enterprise
Custom
contact us
Multiple design systems, team licensing, and white-glove onboarding for bigger orgs.
  • Everything in Growth
  • Unlimited team seats
  • Custom brand tokens
Talk to us

Start building with
AI SaaS Design

Drop the skill file into your project. Claude or Cursor picks it up. Your next build looks like a real product.