Now in public beta

Your
brand systembrandingdesign system
asawebsite.

Not a Figma file. Not a Notion page. A standalone website: colors, typography, components, tone of voice. Pick a template or import your existing brand with AI.

Instant
project setup
Live URL
anyone can open
Free
to start
kromi.ai/brand/pique-finds
Loading template...

Color Palette

#7C3AED

#06B6D4

#EC4899

#F59E0B

#1E1B4B

#F1F5F9

Typography

Heading

Space Grotesk

Bold 700

Body

DM Sans

Regular 400

Design Tokens

radius-md

8px

spacing-4

16px

shadow-sm

0 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 query. 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, or thousands of dollars.

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

Create a brand system from my assets
Done! I extracted your colors, fonts, and logo.

Import from assets

Pick a template or import

Start from a professional template or import your existing brand: drop a PDF, Figma export, or style guide and let AI populate your project.

Primary+ Add

Navy

#172a97

Royal Blue

#1e40af

Off White

#f5f5f4

Ink Black

#18181b

Accent

#ea580c

#dc2626

#16a34a

#eab308

Name
Navy
Hex
#172a97

Customize by click or conversation

Click any color to change it. Edit text inline. Or connect Claude Code or Cursor and edit through conversation. Your LLM, your API key, zero AI costs from us.

brand.kromi.app
01
02
Live
Share

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.

Connected to Kromi22 tools available
We're launching a premium tier. Make the brand feel more elevated.

Done. I updated 5 areas:

Typography
InterPlayfair Display
Colors
Spacing
16px20pxbase unit
Tone
Friendly, casualRefined, confident
Motion
200ms350msslower easing

Your brand site is updated live.

Works with

ClaudeCursorCodex

Edit everything

Colors, fonts, logos, tokens, spacing, assets

<1s

Live updates

A fundamentally different approach

Kromi doesn't just make guidelines faster. It changes what a brand system is.

Brand guidelines as a PDF or Notion page

Brand system as structured, queryable data

Copy-paste brand rules into every AI prompt

AI tools query your brand system automatically via MCP

Manual review of every AI output for brand alignment

AI outputs are brand-aware from the start

Brand site takes 2 to 8 hours to build manually

Pick a template or import existing assets with AI in minutes

Guidelines get stale in a drawer

Updates propagate instantly to the live URL

Developers can't use your brand guide. It's a picture

Developers export real tokens as JSON or CSS variables

See the product

Beautiful brand sites, ready in minutes

kromi.ai/brand/pique-finds
Pique Finds

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

DisplayThe quick brown fox
H1The quick brown fox
H2The quick brown fox
BodyThe quick brown fox

04 / Design Tokens

Spacing

4px
8px
16px
24px
32px

Radius

sm
md
lg
full

Shadows

sm
md
lg

A real 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, no editor needed

Click any color swatch to change it. Click text to edit inline. Drag sections to reorder. Your brand site is the editor.

Real tokens, not screenshots

Spacing, border radius, shadows, and type scale. Exported as JSON or CSS custom properties. Developers import them directly into code.

Self-host or use our URL

Download a standalone HTML + CSS + Alpine.js package. Host it on your domain, embed in your docs, or share kromi.ai/brand/you.

Dark mode included

Every brand site ships with a dark mode toggle. Colors adapt automatically. Your guidelines look polished in any context.

Tone of voice, not just visuals

Brand keywords, writing do's and don'ts, voice descriptions. Your AI tools reference these when generating copy for your brand.

Import your existing brand with AI

Already have a PDF, Figma export, or style guide? Drop it into Claude Code with MCP connected and your LLM extracts colors, fonts, voice, and guidelines automatically.

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. No more PDF decks that go stale.

Design Agencies

Manage multiple brand projects from one dashboard. White-label on the Agency tier. AI updates keep brands in sync as they evolve.

Dev Teams & Startups

Export real design tokens. Keep brand and code in sync. No more stale Figma files or outdated style guides gathering dust.

Pricing

Simple, transparent pricing

Start free, upgrade when you need more projects or want to remove the watermark.

Free

$0/forever

Perfect for trying out Kromi with a single project.

  • 1 project
  • All templates
  • Public brand site
  • MCP server access
  • HTML export
  • Kromi watermark
Join waitlist
Most popular

Pro

$24/per month

For designers and small teams managing multiple brands.

  • 5 projects
  • All templates
  • Public & private sites
  • MCP server access
  • HTML export
  • No watermark
  • Custom slug
  • Priority support
Join waitlist

Agency

$79/per month

For agencies building brand systems for clients at scale.

  • Unlimited projects
  • All templates
  • White-label sites
  • MCP server access
  • HTML export
  • No watermark
  • Custom domain support
  • Team collaboration
  • Priority support
Join waitlist

FAQ

Common questions

Because they go stale. When you update a color in your codebase, your Figma file doesn't follow. Nobody knows which version is real. Kromi keeps everything in one place. Edit through conversation, export real tokens, share a live URL. Always in sync.

MCP (Model Context Protocol) is an open standard that lets AI tools connect to your brand system. Add one line to your config, and your AI can read and edit every part of your brand. We give you copy-paste setup instructions.

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.

No. You can start from a template or from scratch. Either way, because you edit through your own LLM, you have total freedom to change every detail. Colors, typography, tone of voice, spacing. Just describe what you want and the brand system updates. No two outputs look the same because no two conversations are the same.

Yes. Export real design tokens as JSON or CSS custom properties. Import them straight into your codebase. Or download the entire brand site as standalone HTML and self-host it.

Zero AI costs from us. Brand generation costs us about $0.06 per project. All editing after that goes through your own LLM using your existing subscription. No credits or per-query charges on our side.

Yes. We never train on your data. Your brand information only flows through the LLM provider you choose to connect, the same one you already trust with your other work. You control exactly what gets shared.

Your brand system
shouldn't live inside a tool.

Join the waitlist. Be the first to build your brand system when we launch.