One kit, every surface

See a kit everywhere it ships.

Pick a design kit, then flip through real surfaces. Colors, fonts, radius, and spacing stay perfectly consistent from your dashboard to a business card.

Add Identity Forge to your AI builder or agent
$npx identityforge@latest install --client claude-code
$npx identityforge@latest login
Then tell your agent
Use Identity Forge to pick a theme that fits this product, apply it, and follow the DESIGN.md.

Free kits work out of the box. Get an API key for the full library and your plan quota.

Works with every AI builder & agent

Coding agentsClaude CodeCursorCodexGemini CLIVS CodeGitHub CopilotopencodePi
Web buildersv0LovableBoltGoogle StitchFramerWebflowWordPressWixSquarespaceCanva

Choose a kit

65 themes, each with its own fonts, colors, and spacing

SA
Superdry Editorial Amber
Sign in
Sports apparel, streetwear, bold retail, brand-forward e-commerce

Brand Language Label

Cotton 100% — Express delivery within 3 days.

superdryeditorialamber.com/overview

Active users

12.8k

+8%

MRR

$76.8k

+5%

Retention

96%

+1%

Trusted by teams atNorthwindLumenCedarVertexHalcyon

Why SuperdryAmber

Everything you need to ship

product pages

Ship in an afternoon, not a sprint — sane defaults all the way down.

e-commerce

SOC 2, SSO, and audit logs baked in from the very first commit.

retail brands

Dashboards and insights the whole team can actually read.

By the numbers

Growth you can measure

Live

Monthly recurring revenue

$76.8k+5%

Targets

Active users12.8k
MRR$76.8k
Retention96%
All targets on track this quarter

Activity

Last 12 months of usage

Retention 96%NPS 66
JFMAMJJASOND

Start building with SuperdryAmber today

Bold sportswear brand kit built on warm amber content panels, pitch-black typography, and orange-red CTAs — a high-contrast editorial retail identity.

SA
Superdry Editorial Amber

superdryeditorialamber.com

Product

  • Features
  • Pricing
  • Changelog

Company

  • About
  • Careers
  • Contact

Resources

  • Docs
  • Guides
  • Status

© 2026 Superdry Editorial Amber. All rights reserved.

Landing page v2: Full marketing page — hero, social proof, features, a metrics/graph section, and CTA — as alternating full-bleed bands in the kit's captured surfaces. Scroll to explore.

Works withClaude Code·Cursor·v0·Windsurf·shadcn/ui·Tailwind CSS
75
curated kits
26
tokens per kit
6
export formats

Browse AI Design Kits

Fixed combinations of fonts, colors, tokens, and spacing. Each kit is a complete visual system ready for AI coding agents.

Generated live · not templates

One prompt. One shot.

Every screen below was built by an AI coding agent from a single Identity Forge kit — its DESIGN.md and design tokens, nothing else. No hand-coding, no templates. Filter by type, scroll any card to walk through its page, click to open the real thing.

Why agents drift without a system

Three failure modes that happen before you realize it.

01

Hex drift

Your agent picks a slightly different blue every session. After ten sprints, your UI has fifteen grays, four primary shades, and a button that matches nothing.

02

Prompt overhead

You paste the same font names, token values, and usage notes into every new session. It works once. The next session starts from scratch.

03

No shared language

"Make it look premium" means nothing to an agent. Without specific token names and component rules, every sprint reinvents the system.

Give your agent a kit once.

It follows the font rules, color roles, and component conventions in every session without being told twice. One export. Permanent visual consistency.

How It Works

From visual direction to agent-readable implementation files in one workflow.

1

Describe

Tell us what the product, market, or agent-built interface should feel like

2

Pick a kit

Start from a curated visual system with fonts, colors, tokens, and usage rules

3

Preview

See the kit on realistic UI surfaces before asking an agent to build with it

4

Add brand context

Choose a name and domain when the kit needs to become a complete brand

5

Export

Copy DESIGN.md, shadcn variables, Tailwind config, tokens JSON, or API links

Everything Agents Need to Keep Design Consistent

Stop making every AI session rediscover visual direction. Give it tokens, examples, and constraints it can actually use.

Start from a real visual system

Curated font, color, radius, spacing, and semantic-token combinations for agents to apply consistently.

Give coding agents exact rules

Generate DESIGN.md, shadcn CSS variables, Tailwind config, DTCG tokens, and registry JSON from one source.

No more random hex drift

Every kit maps raw colors to background, foreground, primary, accent, status, chart, border, and ring roles.

Fonts that agents can use

Heading, body, and mono font choices include Next.js font setup, CSS variables, weights, and usage rules.

Fetch kits from code

Use public API routes or shadcn-compatible registry endpoints to bring kits into agent workflows.

Add brand context when needed

Keep the existing naming and domain pipeline, then use the selected name and domain in previews and exports.

Export to your AI stack

From kit to shipped, in one paste

A single source of truth fans out into every format the modern AI stack consumes, no manual translation, no hex drift.

01 · PICK

Choose a design kit

Colors, type, radius, spacing, already harmonized.

02 · EXPORT
DESIGN.md
globals.css
tailwind.config.ts
tokens.json
registry.json
prompt.txt
03 · BUILD

Your agent ships on-brand

Consistent across every screen and session.

ClaudeCursorv0Lovable

Built for people who ship with AI

Different workflows. Same result: a UI that holds together.

AI-first builders

You ship with Claude Code, Cursor, or v0. Your UI should look intentional, not accidental. One kit sets the rules. Your agent follows them every session.

Browse kits

Design engineers

Start from a real token system, not a blank globals.css. Every kit ships ready for shadcn, Tailwind, and DTCG pipelines. No inventing, no guessing.

Open API docs

Indie founders

Your MVP needs to look like a real product. Pick a kit, export DESIGN.md, hand it to your agent. Done in five minutes.

Get a kit free

One kit. Every format your agent reads.

Stop converting tokens by hand. Export DESIGN.md, CSS variables, Tailwind themes, or shadcn registry JSON, all from the same source.

DESIGN.md
Markdown
# Agent Console — DESIGN.md

## Fonts
- Heading: JetBrains Mono (--font-heading)
- Body: Inter (--font-sans)
- Mono: JetBrains Mono (--font-mono)

## Agent rules
- Use mono type for IDs, commands, endpoints.
- Reserve accent (#00FF9C) for success states.
CSS Variables
shadcn-compatible
:root {
  --background: 0 0% 4%;
  --foreground: 60 6% 97%;
  --primary: 240 100% 56%;
  --accent: 151 100% 50%;
  --radius: 0.375rem;
}
shadcn Registry
Direct install
npx shadcn add \
  https://identityforge.io/r/ambient-sage.json
Tailwind v4
CSS theme
@theme {
  --color-background: oklch(12% 0 0);
  --color-primary: oklch(43% 0.27 264);
  --color-accent: oklch(90% 0.22 150);
  --font-heading: "JetBrains Mono";
}

A brief your agent actually reads

DESIGN.md is a structured markdown file that gives your coding agent everything it needs: token names, font roles, usage rules, and component constraints.

DESIGN.md

# Agent Console — DESIGN.md


## Purpose

High-contrast technical product system for AI tools,

infra, and developer dashboards.


## Color tokens (light)

| Token         | Value   | Role             |

|---------------|---------|-------------------|

| --background  | #F8FAFC | Page background   |

| --primary     | #1B1BFF | Actions, links    |

| --accent      | #00A66A | Success, progress |

| --destructive  | #D92D20 | Errors, warnings  |


## Typography

- Heading: JetBrains Mono (technical precision)

- Body: Inter (readable at all sizes)

- Mono: JetBrains Mono (code, IDs, values)


## Agent rules

1. Dense layouts, clear grouping, restrained borders.

2. Neon green for progress and active agent states.

3. Mono type for IDs, commands, logs, endpoints.

4. No soft pastel backgrounds or decorative gradients.

26 semantic tokens. Every role covered.

Colors are not just palettes; they are roles. Every kit maps background, foreground, primary, accent, status, chart, border, and ring to specific hex values your agent uses by name.

background#1A1C17
foreground#E3E4DC
primary#FEE951
accent#F7E464
secondary#2F3129
muted#292B24
destructive#CC3333
border#35372E

Ambient Sage, dark mode

Heading · Body · Mono

Every kit defines three font roles. Agents reference them by CSS variable, never by name, never by guessing.

--font-heading / HEADING

Ship fast.

Plus Jakarta Sans· 600 · monospace
--font-sans / BODY

A focused system for tools that inspect, execute, and explain complex workflows.

Plus Jakarta Sans· 400-600 · sans-serif
--font-mono / MONO

const kit = await getKit("ambient-sage")

JetBrains Mono· 400-500 · monospace

One kit beats four alternatives

Every session your agent builds UI without a system is a session that drifts. A kit fixes it permanently.

Identity Forge

Pick a kit. Export DESIGN.md. Your agent has a complete token system, font rules, and component constraints — in one file.

Pasting into prompts

Works this session. Gone next time. You re-explain fonts, colors, and rules in every new chat.

shadcn defaults

Generic look. No personality. Every project using shadcn defaults looks the same. Agents drift to random choices.

Custom by hand

Takes days. Breaks with every refactor. Hard to share with an agent in a prompt.

Choose your Pro plan

One feature set, three ways to pay. Every plan unlocks the full kit catalogue, all export formats and the brand API. Displayed prices include applicable tax.

Monthly

Flexible, cancel anytime

$9/mo

Get Monthly
  • Every design kit, palette & font pairing
  • All exports: DESIGN.md, tokens, Tailwind, registry
  • Unlimited favorites & custom collections
  • 1,000 AI generations / month
  • Brand API & shadcn registry access
  • Advanced AI models, ad-free
Most popular

Yearly

Just $4.50/mo, billed yearly

$54/yr$108

Get Yearly
  • Every design kit, palette & font pairing
  • All exports: DESIGN.md, tokens, Tailwind, registry
  • Unlimited favorites & custom collections
  • 1,000 AI generations / month
  • Brand API & shadcn registry access
  • Advanced AI models, ad-free
Limited time

Lifetime

Pay once, yours forever

$149once

Get Lifetime
  • Every design kit, palette & font pairing
  • All exports: DESIGN.md, tokens, Tailwind, registry
  • Unlimited favorites & custom collections
  • 1,000 AI generations / month
  • Brand API & shadcn registry access
  • Advanced AI models, ad-free

Free, browse every kit and export the basics. 20 AI generations / month.

Start free

Frequently asked questions

Everything you need to know about Identity Forge design kits.

Give your agent a visual system.

Start free. Upgrade when you need the full catalogue.

Browse kits free
No credit card required
Starter kits free
Works with Claude Code & Cursor