The branding pipeline for the agentic era.

Explore names, domains, and visual directions. Choose or create a design kit, refine it in Studio, then give the complete system to the AI tools building your product.

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

Clear defaults keep every screen consistent from first draft to launch.

e-commerce

Accessible components and visible states are built into the system.

retail brands

Reusable patterns give product, marketing, and content one visual language.

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: 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.

Ready to build

Carry the identity into your AI stack

Install Identity Forge, select a kit, and give your agent the same brand system you previewed here.

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 design kit that fits this product, apply it, and follow its 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

One pipeline from brand direction to product

The choices you make at the start stay connected to the system your agent builds from.

1

Explore

Start with a brief, then explore names, domains, and visual directions

2

Choose or create

Start with a curated design kit or build a system around your own direction

3

Preview

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

4

Refine

Adjust the system in Studio and bring your brand context into the same project

5

Build

Install or export the finished system for the AI tools building your product

Start with what you already know

Bring a name brief, an image, or a URL. Each route leads into the same brand project.

Find the name and review the domain evidence

Generate and shortlist names, then review registration, DNS, URL, and search evidence before you choose.

Start a brand project

Turn a reference into a design kit

Drop in an image or paste a URL, assign the color roles, then refine the result in Studio.

Open Studio

Refine the brand, decide together, then build

Edit the visual system in Studio, share a private review, and keep the confirmed direction ready for the tools building your product.

Studio

Make the design kit your own

Change the colors, typography, shape, elevation, motion, and rules in Studio. The working previews update from the same kit.

Open Studio

Shared review

Bring teammates and clients into the decision

Share a private review link where people can compare names and design directions, preview the combination, and confirm what moves forward. Signed-in reviewers can leave notes.

Start a shared review

Brand project

Keep the decisions together when you start building

Your chosen name, domain evidence, and design kit stay in one project. From there, open Studio, export the system, install it into your agent, or share the brand.

Start a brand project

One prompt. One shot.

See what agents build from a design kit

Every screen below was built by an AI coding agent from a single Identity Forge kit using its DESIGN.md and design tokens. These are not templates. Filter by type, scroll any card to walk through its page, click to open the real thing.

Find the direction that fits your product

Start with a complete design kit, then change it in Studio or use it as it is with your agent.

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

Where brand decisions get lost

The problem is rarely one bad color. It is the loss of decisions between each stage.

01

A look, but no system

You find a direction you like, but it never becomes the typography, tokens, component rules, and examples your agent needs.

02

Every session starts over

You paste the same fonts, colors, and usage notes into each new session. Small decisions change and the product slowly loses its shape.

03

The handoff breaks

Names, domains, visual references, design tokens, and implementation live in separate tools. Context disappears between them.

Keep the brand decisions in one system.

Identity Forge turns the choices you make into a design kit that Studio, exports, and coding agents can all use.

Names, kits, Studio, and exports stay connected

Explore the direction, shape the system, and hand it to the tools building the product without reconstructing it between steps.

Find a name you can build on

Explore names and check domain evidence without separating the decision from the rest of the brand.

Choose a complete visual direction

Start with a curated kit that already connects typography, color roles, layout, components, and agent rules.

Make the system your own

Refine the kit in Studio while keeping the system connected across every preview and export.

Build from a reference you already like

Extract a starting direction from an image or website, then refine it as a full design kit.

Carry every decision into code

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

Use the brand across your stack

Bring the same kits into coding agents and web builders through the CLI, MCP, API, and registry.

Export to your AI stack

Use the same design kit in every AI tool

Export the same design decisions in the formats your coding agents and web builders already use.

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 builds from the same brand

Consistent across every screen and session.

ClaudeCursorv0Lovable

Built for people who build products with AI

Start with the brand direction. End with a system your tools can use.

AI-first builders

Choose or create the identity before your agent starts generating screens, then give it one system to build from.

Create a brand

Design engineers

Use one design kit as the source for Studio, previews, DESIGN.md, shadcn, Tailwind, and DTCG exports.

Open API docs

Indie founders

Work through the name, domain, visual direction, and product identity without rebuilding the context in separate tools.

Start your brand

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
# Ambient Sage — DESIGN.md

## Fonts
- Heading: Plus Jakarta Sans (--font-heading)
- Body: Plus Jakarta Sans (--font-sans)
- Mono: JetBrains Mono (--font-mono)

## Agent rules
- Separate panels with tonal surface shifts, not shadows.
- Reserve yellow (#FEE951) for actions and focus.
CSS Variables
shadcn-compatible
:root {
  --background: 72 9% 10%;
  --foreground: 68 13% 88%;
  --primary: 53 99% 66%;
  --accent: 52 89% 68%;
  --radius: 1.25rem;
}
shadcn Registry
Direct install
npx shadcn add \
  https://identityforge.io/r/ambient-sage.json
Tailwind v4
CSS theme
@theme {
  --color-background: oklch(20% 0.02 120);
  --color-primary: oklch(92% 0.18 100);
  --color-accent: oklch(90% 0.15 100);
  --font-heading: "Plus Jakarta Sans";
}

The brand becomes instructions your agent can use

DESIGN.md carries the selected visual direction into the build through token names, font roles, usage rules, and component constraints.

DESIGN.md

# Ambient Sage - DESIGN.md


## Purpose

Calm, warm product system for focused tools,

wellness products, and thoughtful dashboards.


## Color tokens (dark)

| Token         | Value   | Role             |

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

| --background  | #1A1C17 | Page background   |

| --primary     | #FEE951 | Actions, focus   |

| --accent      | #F7E464 | Quiet emphasis   |

| --destructive  | #CC3333 | Errors, warnings  |


## Typography

- Heading: Plus Jakarta Sans (warm clarity)

- Body: Plus Jakarta Sans (readable at all sizes)

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


## Agent rules

1. Use tonal surface shifts instead of card shadows.

2. Reserve yellow for actions and focus states.

3. Use generous rounding consistently across controls.

4. Keep display data large, calm, and easy to scan.

Every color has a job

Each kit maps the palette to interface roles, so your agent uses the right color for the right purpose instead of choosing a new hex value.

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

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

How the branding pipeline, design kits, and agent delivery work.

Create the identity your product will ship with.

Start with a name, a design kit, or a visual direction. Keep the system connected when your agent starts building.

Start building your brand
No credit card required
Starter kits free
Works with Claude Code & Cursor