Capture what inspires you
Upload screenshots of any design that moves you. A storefront, poster, or interface.
Annotate what you love
Draw bounding boxes around typography, colour, and spacing. Kansei reads the visual logic.
Your design system, distilled
Receive a complete brand guide, JSON tokens, and production CSS. All from what you saw.
002 — Distillation
Feel it first.
Then define it.
We've pre-annotated typography, colour, and layout on a real reference image. This is the design system Kansei extracted. Draw your own annotations and distill again.
Typography
Display Heading
Josefin Sans · Heading
Section Title
500 weight
Body text for paragraphs
Inter · Body
Label / Caption
Inter · Label
Components
MaterialButtons
Badge
Input
Avatar
Toggle
Card
Card Title
Supporting detail text sits here.
Colours
003 — Process
From feeling to framework.
Capture
Upload screenshots of any design that inspires you. A storefront, poster, or interface.
Annotate
Draw bounding boxes around typography, colour, and spacing. Kansei reads the visual logic.
Typography
Aa
Display Heading
Josefin Sans · Heading
Body text for paragraphs
Inter · Body
Components
Card Title
Supporting detail text
Colours
Distill
Receive a complete design system.
Outputs
004 — Pricing
Invest in
essence.
Start free. Upgrade when you're ready. Cancel anytime.
1 credit = 1 design system distillation (upload → annotate → output).
005 — FAQ
Common
questions.
One credit equals one design system generation. Upload your reference images, annotate the elements that matter, and each synthesis costs one credit regardless of how many annotations you add.
Three formats: a human-readable DESIGN.md brand guide with citations, structured JSON design tokens for developers, and CSS/Tailwind variables ready to drop into your codebase.
Absolutely. Every design system you generate is yours. Export the markdown guide for brand handoffs, or ship the tokens directly into production code.
Free users get 15 one-time credits to explore. Pro subscribers receive 100 credits monthly. If you need more, credits refresh each billing cycle.
No. Upload images of anything you find beautiful, like a storefront, poster, or UI, and Kansei extracts the design logic for you. It's built for designers, developers, and founders alike.