Your
brand systembrandingdesign system
asawebsite.
A standalone website with colors, typography, components, and tone of voice. Pick a template or import your existing brand with AI.
Color Palette
#7C3AED
#06B6D4
#EC4899
#F59E0B
#1E1B4B
#F1F5F9
Typography
Heading
Space Grotesk
Bold 700
Body
DM Sans
Regular 400
Design Tokens
radius-md8px
spacing-416px
shadow-sm0 1px 2px
The problem
Brand consistency is hard to maintain.
Ask three people on your team where the brand guidelines are. You'll get three different links.
When there's no single source of truth, every person and every AI tool makes it up.
Your AI tools are only as good as the context you give them.
But your brand context is trapped in PDFs, Figma files, and Notion pages that no tool can reliably reference. So every AI output needs manual brand correction.
Your brand system is outdated the moment it ships.
Every color change, font swap, or tone update means manually editing every document. Most teams give up and let the specs rot.
Building a brand guidelines site takes hours.
So most teams skip it entirely. The brand system lives in a designer's head, a Figma file nobody can find, or not at all.
The root cause: your brand system is a static document in a world that runs on connected tools.
How it works
From brand assets to live site
in minutes.
Pick a template
Import from assets
Pick a template or import
Start from a professional template, or import your existing brand. Point AI at a PDF, Figma export, or style guide and it populates your project.
Navy
#172a97
Royal Blue
#1e40af
Off White
#f5f5f4
Ink Black
#18181b
#ea580c
#dc2626
#16a34a
#eab308
Customize by click or conversation
Click any color to change it. Edit text inline. Or connect Claude Code or Codex and edit through conversation.
Share a live URL
Your brand site lives at a permanent link. Always up to date. Share with your team, clients, or developers. Export as HTML anytime.
MCP Integration
Edit your brand through conversation
Kromi speaks the Model Context Protocol. Connect your favorite AI tool and describe changes in plain English. The brand system updates live.
Works with
Edit everything
Colors, fonts, logos, tokens, spacing, assets
Live updates
See the product
Beautiful brand sites, ready in minutes
01 / Brand Identity
Pique Finds
A curated shopping feed featuring creator-recommended products. Editorial aesthetic, weekly drops, one-tap shopping.
02 / Color Palette
Electric Violet
#7C3AED
Cyan Punch
#06B6D4
Hot Pink
#EC4899
Sunglow
#FBBF24
Ink
#1E1B4B
Cloud
#F8FAFC
03 / Typography
Heading
Space Grotesk
Bold 700 · Extrabold 800
Body
DM Sans
Regular 400 · Medium 500
04 / Design Tokens
Spacing
Radius
Shadows
An example brand site built with Kromi: colors, typography, components, tokens, and more. All editable.
Features
Everything in the box
Every project includes a full brand system: colors, typography, design tokens, tone of voice, moodboard, and component specs. All editable. All exportable.
Click to edit
Click any color swatch to change it. Click text to edit inline. Drag sections to reorder. Your brand site is the editor.
Real tokens
Spacing, border radius, shadows, type scale, and component specs. Exported as a DESIGN.md file your AI coding agent reads natively. Drop it in your repo and Claude Code pulls your tokens straight into generated UI.
Self-host or share
Download a standalone HTML + CSS + Alpine.js package. Host it on your domain, embed in your docs, or share kromi.ai/you.
Components
Every brand includes component specs: buttons, cards, and inputs, with variants, sizes, states, and hover behavior. Real building blocks your AI can build UI from.
Tone of voice
Brand keywords, writing do's and don'ts, voice descriptions. Your AI tools reference these when generating copy for your brand.
Import with AI
Already have a PDF, Figma export, or style guide? Kromi connects to your LLM to build your brand system from them: colors, fonts, voice, and guidelines.
Use Cases
Built for how you work
Whether you're a solo designer or a full product team, Kromi fits your workflow.
Freelancers & Solo Designers
Generate brand deliverables in minutes instead of hours. Share a polished URL with clients.
Design Agencies
Manage multiple brand projects from one dashboard. Keep every client brand in sync as it evolves.
Dev Teams & Startups
Export your brand as DESIGN.md. Your AI agent reads it from your repo, keeping brand and code in sync.
FAQ
Common questions
Claude Design is great, but you only edit it inside Claude with a Claude subscription. Figma is great, but your brand lives as Figma files inside Figma. Kromi is the brand system itself, edited through whichever AI your team uses today. Models change fast. Your brand system shouldn't have to change with them.
MCP (Model Context Protocol) is an open standard that lets AI tools connect to your brand system. We give you a copy-paste snippet to add Kromi to your AI tool. Once connected, your AI can read and edit every part of your brand.
Any MCP-compatible AI tool works, and the list is growing fast. You can also make basic edits through the web interface, like changing colors and editing text. That said, the real power of Kromi is in the AI connection. If your tool supports MCP, you're good to go.
Yes. Every project exports as a DESIGN.md file: colors, typography, tokens, component specs, motion. Your AI coding agent reads it natively, so Claude Code or Codex can pull your tokens straight into generated UI. Or download the entire brand site as standalone HTML and self-host it.
All the AI work runs on your own LLM subscription. We never make AI calls on Kromi's side, so there are no credits, no per-query charges, and no surprise bills from us.
Yes. Your brand information only ever flows through the LLM provider you choose to connect, the same one you already use for your other work. Kromi's server never sends your data to any AI model.
Your brand system
shouldn't live inside a tool.
Join the waitlist. Be the first to build your brand system when we launch.