# AI Brand Kits

> Free AI brand kit generator for developers. Create font pairs, color palettes, and export DESIGN.md for Cursor, Claude Code, v0, and Lovable.

AI Brand Kits helps builders define design systems that AI coding agents can follow. Generate curated Google Font pairs and semantic color tokens, preview UI components live, and export DESIGN.md, tokens.json, and CSS variables — free.

## What this site does

- Generates complete brand kits with typography and nine-token color palettes
- Previews buttons, cards, typography, and forms with your brand applied
- Exports DESIGN.md — a markdown design system file for AI coding agents
- Exports zip bundles with tokens.json and css-variables.css
- Community gallery with upvotes — browse, preview, and export shared brand kits
- Curated brand kits from well-known companies (Airbnb, Stripe, and more)
- Full-screen playground to test kits across UI patterns
- Chrome extension to extract brand kits from any website

## Product pages

- [Generator](https://www.aibrandkits.com/)
- [Gallery](https://www.aibrandkits.com/gallery)
- [Brands](https://www.aibrandkits.com/brands)
- [Playground](https://www.aibrandkits.com/playground)
- [My Kits](https://www.aibrandkits.com/dashboard)
- [Chrome Extension](https://www.aibrandkits.com/chrome-extension)
- [llms.txt](https://www.aibrandkits.com/llms.txt)
- [Sitemap](https://www.aibrandkits.com/sitemap.xml)

## Community gallery brand kits

Each kit has a dedicated SEO page with colors, fonts, CSS variables, and DESIGN.md export:

- [Midnight SaaS Brand Kit](https://www.aibrandkits.com/kit/midnight-saas-brand-kit): Professional modern tech — Space Grotesk + DM Sans, primary #3b82f6
- [Clean Canvas Brand Kit](https://www.aibrandkits.com/kit/clean-canvas-brand-kit): Clean SaaS dashboard — Manrope + Manrope, primary #2563eb
- [Forest Wellness Brand Kit](https://www.aibrandkits.com/kit/forest-wellness-brand-kit): Warm friendly brand — Outfit + Inter, primary #16a34a
- [Sunset Studio Brand Kit](https://www.aibrandkits.com/kit/sunset-studio-brand-kit): Bold sports & merch — Bebas Neue + Roboto, primary #e94560
- [Lavender Launch Brand Kit](https://www.aibrandkits.com/kit/lavender-launch-brand-kit): Playful startup energy — Sora + Work Sans, primary #9333ea
- [Ocean Fintech Brand Kit](https://www.aibrandkits.com/kit/ocean-fintech-brand-kit): Fintech trust & clarity — Lexend + Lexend, primary #0284c7
- [Charcoal Luxe Brand Kit](https://www.aibrandkits.com/kit/charcoal-luxe-brand-kit): Elegant editorial luxury — Playfair Display + Source Sans 3, primary #d4d4d8
- [Coral Creative Brand Kit](https://www.aibrandkits.com/kit/coral-creative-brand-kit): Refined creative studio — Fraunces + Nunito, primary #ea580c
- [Terminal Dev Brand Kit](https://www.aibrandkits.com/kit/terminal-dev-brand-kit): Developer tools & APIs — JetBrains Mono + Inter, primary #238636
- [Sandstone Minimal Brand Kit](https://www.aibrandkits.com/kit/sandstone-minimal-brand-kit): Minimal product UI — Plus Jakarta Sans + Plus Jakarta Sans, primary #78716c
- [Neon Creator Brand Kit](https://www.aibrandkits.com/kit/neon-creator-brand-kit): Streetwear & events — Urbanist + Urbanist, primary #a855f7
- [Rose Editorial Brand Kit](https://www.aibrandkits.com/kit/rose-editorial-brand-kit): Literary publishing — DM Serif Display + DM Sans, primary #be123c
- [Slate Enterprise Brand Kit](https://www.aibrandkits.com/kit/slate-enterprise-brand-kit): Enterprise open source — Inter + Inter, primary #475569
- [Mango Social Brand Kit](https://www.aibrandkits.com/kit/mango-social-brand-kit): Playful tall-guy merch — Poppins + Open Sans, primary #f59e0b
- [Arctic Health Brand Kit](https://www.aibrandkits.com/kit/arctic-health-brand-kit): Accessible education — Figtree + Figtree, primary #0891b2
- [Ember Kitchen Brand Kit](https://www.aibrandkits.com/kit/ember-kitchen-brand-kit): High-impact marketing — Oswald + Karla, primary #dc2626
- [Indigo AI Brand Kit](https://www.aibrandkits.com/kit/indigo-ai-brand-kit): Code-first developer brand — Space Grotesk + Inter, primary #6366f1
- [Mint Agency Brand Kit](https://www.aibrandkits.com/kit/mint-agency-brand-kit): Classic heritage brand — Red Hat Display + Source Sans 3, primary #0d9488
- [Noir Fashion Brand Kit](https://www.aibrandkits.com/kit/noir-fashion-brand-kit): Industrial bold corporate — Cormorant Garamond + Lato, primary #fafafa
- [Citrus Launch Brand Kit](https://www.aibrandkits.com/kit/citrus-launch-brand-kit): Urban lifestyle brand — Montserrat + Work Sans, primary #65a30d

## Curated company brand kits

- [Airbnb Brand Kit](https://www.aibrandkits.com/airbnb-brand-kit): Free Airbnb brand kit with #ff385c primary, #6a6a6a text, Airbnb Cereal VF typography, and copy-paste CSS variables. Preview live and export DESIGN.md for Cursor, Claude Code, and v0.
- [Stripe Brand Kit](https://www.aibrandkits.com/stripe-brand-kit): Free Stripe brand kit with #533afd primary, slate foreground text, sohne-var typography, and copy-paste CSS variables. Preview live and export DESIGN.md for Cursor, Claude Code, and v0.

## Brand kit tools & SEO pages

- [AI Brand Kit](https://www.aibrandkits.com/ai-brand-kit)
- [AI Brand Kit Generator](https://www.aibrandkits.com/ai-brand-kit-generator)
- [Logo Maker](https://www.aibrandkits.com/logo-maker)
- [AI Brand Generator](https://www.aibrandkits.com/ai-brand-generator)
- [Brand Kit Generator](https://www.aibrandkits.com/brand-kit-generator)
- [AI Coding Agent Brand Kit](https://www.aibrandkits.com/ai-coding-agent-brand-kit)
- [Randomize Font Pairs & Colors](https://www.aibrandkits.com/randomize-font-pairs-and-colors)
- [Live Brand Preview](https://www.aibrandkits.com/live-brand-preview-tool)
- [AI Design System Generator](https://www.aibrandkits.com/ai-design-system-generator)
- [Free AI Design System Tool](https://www.aibrandkits.com/free-ai-design-system-tool)
- [DESIGN.md Generator](https://www.aibrandkits.com/design-md-generator)
- [DESIGN.md Tailwind Export](https://www.aibrandkits.com/design-md-tailwind-export)
- [Export for AI Agents](https://www.aibrandkits.com/export-brand-kit-for-ai-agents)
- [Brand Kit for Cursor & Claude](https://www.aibrandkits.com/ai-brand-kit-for-cursor-claude)
- [Consistent UI with AI Coding](https://www.aibrandkits.com/consistent-ui-with-ai-coding)
- [Save Kits Dashboard](https://www.aibrandkits.com/save-ai-brand-kits-dashboard)
- [Color Palette Generator](https://www.aibrandkits.com/color-palette-generator)
- [Free Color Palette Generator](https://www.aibrandkits.com/free-color-palette-generator)
- [Brand Color Palette Generator](https://www.aibrandkits.com/brand-color-palette-generator)
- [AI Color Palette Generator](https://www.aibrandkits.com/ai-color-palette-generator)
- [Color Palette Generator AI](https://www.aibrandkits.com/color-palette-generator-ai)
- [Coolors Alternative](https://www.aibrandkits.com/coolors-alternative)
- [Font Pair Generator](https://www.aibrandkits.com/font-pair-generator)
- [Font Pairing Tool](https://www.aibrandkits.com/font-pairing-tool)
- [Google Font Pairings](https://www.aibrandkits.com/google-font-pairings)
- [AI Font Pair Generator](https://www.aibrandkits.com/ai-font-pair-generator)
- [Fontpair Alternative](https://www.aibrandkits.com/fontpair-alternative)
- [All Brand Kits](https://www.aibrandkits.com/brands)
- [Airbnb Brand Kit](https://www.aibrandkits.com/airbnb-brand-kit)
- [Stripe Brand Kit](https://www.aibrandkits.com/stripe-brand-kit)
- [Best AI Branding Tools](https://www.aibrandkits.com/best-ai-branding-tools)
- [AI Brand Kit vs Canva](https://www.aibrandkits.com/ai-brand-kit-vs-canva)

## Key concepts

- **DESIGN.md**: Markdown design system file placed in a project root. AI agents read it for fonts, colors, spacing, and UI rules.
- **Brand kit**: Headline font, body font, nine semantic color tokens, vibe descriptor, and export files.
- **Semantic tokens**: Named colors (primary, accent, surface, muted) instead of raw hex values — easier for agents and developers to use consistently.

## Supported AI coding agents

Cursor, Claude Code, v0, Lovable, Windsurf, Google Stitch, and any agent that reads project context files.

## Export formats

**Free:** Brand summary .md (overview with fonts and colors)

**Pro:** Full DESIGN.md, tokens.json, css-variables.css, .zip bundle, AI agent prompts

## Pricing

**Free:** 15 generations/month, brand summary .md export, 3 saved kits, 8 font pair picks, live preview & gallery

**Pro ($9 / lifetime, first 25 founding members):** Unlimited generations & saves, full export bundle, AI refinement presets, typography suite with WCAG contrast checker, collections (coming soon)

## Sitemap

https://www.aibrandkits.com/sitemap.xml