001 — Design System Extraction
Turn any visual
reference into a
design system.
002 — Interactive Playground
Annotate a reference.
Get a design system.
Select a category, then drag over any element. One draw per annotation — just like Figma.
Design Studio — Est. 2019
We craft digital
experiences that
feel human.
Strategy, design, and engineering for brands that care about craft.
What we do
Brand Identity
Visual systems that scale from business card to billboard.
Product Design
Interfaces that balance beauty with usability.
Development
Clean code that performs as good as it looks.
Featured work
Lumina — Brand Identity
Visual identity · 2024
Client love
"They didn't just redesign our product — they redefined how we think about design."
Sarah Chen
CEO, Lumina
Studio
About
Team
Careers
Work
Projects
Case studies
Awards
Journal
Articles
Process
Resources
Contact
hello@atelier.co
Draw some annotations on the reference,
then click Distill annotations
003 — Process
Three steps from vibe
to design system.
Upload inspiration
Drop any image — a screenshot, mood board, or reference UI — into your project.
Annotate what matters
Draw bounding boxes around design elements and tag them: Typography, Colour, Spacing, and more.
Export your system
Claude synthesises a cohesive design system. Export as narrative docs, LLM tokens, or Tailwind config.
004 — Pricing
Pay for what
you distill.
Credits roll over. Cancel any time. No card required to start.