FoundryFoundry
Sign inGet started
Phase 1 - Web generator·Phase 2 - npx CLI soon

Your brand.
Instantly a system.

Describe your app. Foundry generates a full design system: colors, type, spacing, radius, exported as globals.css and tailwind.config.ts.

See pricingSee what you get

From $5.99 per generation. Monthly plan includes history, 20 generations/day, and early CLI access.

--primary-500
--radius-lg·0.625rem
--font-sans·Inter
--neutral-950
--spacing-4·1rem
--accent-500
--text-base·16/26
--success-500
--secondary-300
--border
--warning-500
--font-heading·Inter Display
--primary-700
--info-500
--radius-xl·0.875rem
--primary-500
--radius-lg·0.625rem
--font-sans·Inter
--neutral-950
--spacing-4·1rem
--accent-500
--text-base·16/26
--success-500
--secondary-300
--border
--warning-500
--font-heading·Inter Display
--primary-700
--info-500
--radius-xl·0.875rem

See what you get

A complete design system with colors, typography, spacing, and radius. Ready for shadcn and Tailwind.

Example output
acme - saas
Colors
Typography

Display heading

Body text with comfortable reading line-height.

const code = "monospace"

globals.css
@import 'tailwindcss';

@theme inline {
  --color-primary-500: #6366F1;
  --color-primary-600: #4F46E5;
  
  --color-neutral-50: #FAFAFA;
  --color-neutral-100: #F4F4F5;
  --color-neutral-800: #27272A;
  --color-neutral-900: #18181B;
  
  --color-success: #22C55E;
  ...
Generate your own

What you get

Every token your team needs.
Nothing they don't.

Color system

8 palettes × 11 shades. Primary, secondary, accent, neutral, plus full semantic colors with proper WCAG contrast.

Typography

Font pairings tuned to your industry. Full type scale with line height and letter spacing, no guesswork.

Spacing scale

A consistent 4px-based scale from 0 to 32. Ready-to-use Tailwind tokens for padding, margin, and gap.

Radius & shape

Sharp, soft, or rounded. Each tuned to a coherent radius scale across components.

Drop-in export

Copy-paste globals.css and tailwind.config.ts. shadcn-compatible tokens. Works in any Next.js project.

CLI - coming soon

npx foundry@latest apply --token=xxx. Install your customized shadcn components in one line.

globals.css
preview
:root {
  --primary-500: #0A84FF;
  --primary-600: #0066D6;
  --neutral-950: #1D1D1F;
  --accent-500:  #FF375F;
  --radius:      0.625rem;

  --font-sans:    'Inter', system-ui, sans-serif;
  --font-heading: 'Inter Display', system-ui, sans-serif;
}

Pricing

Simple, like the system itself.

One-Time

$5.99per generation

Pay once, keep the output forever.

  • Full design system
  • globals.css + tailwind.config.ts
  • shadcn-compatible tokens
  • Lifetime access to this output
Generate one system

Monthly

Recommended
$9.99per month

For teams shipping multiple products.

  • Up to 20 generations per day
  • Generation history
  • Free export updates
  • Early access to the CLI
Start Monthly

Bought the one-time plan? You can upgrade to Monthly for just $4.00 within 7 days of purchase.

All plans include a dashboard to view and re-export your saved design systems.

Contact

Get in touch

Question about a plan, feedback, or a bug? Send a message and we'll get back to you.