Brand & product design studio

You bring the taste.
We compile the system.

Give us a reference, a feeling, and what your product does — starting from scratch or fixing a mess. We decode it into a real design system — tokens, principles, standards — then ship your brand identity and the full, production-grade frontend.

$99 $49 refundable deposit · one project · we ship in 30 days · 100% refund if it's not clean

✓ compiled · 0 drift
Button / Primarynow on app/dashboard
token refs: action.bg · action.fg · radius.controlstates: default · hover · focus · disabled · loadingraw values: 0drift across pages: 0.0%
0+
pages, consistent
0.0%
new-component rate*
0
rogue tokens
WCAG 2.2
enforced by default
Reference → System

One reference in.
One system out.

Drop in something you love — a photo, a texture, a screen you admire. We pull the palette, set the type, define the tokens, and build a UI that actually uses them. Taste in; a real design system out.

Reference — art-glass bottle
INPUT · reference.jpgsampling…
01Palette — sampled from the image
brand.900
#241a5e
brand.500
#6b4fd6
accent
#e0a75c
support
#2a9aa8
surface
#f3ede2
ink.900
#191712
02Type scale
Aa
display · serif · -3%
body · sans · 1.6
03Tokens
radius.control 10px
space.unit 8px grid
elevation.card soft / 1
04Applied — a UI built on the system

Aurora No.6

Eau de parfum · 50ml

$128
✓ compiledsame tokens now drive brand + product
01The core move

We don’t make it look “AI-nice”.
We make it look designed.

Same content, same screen. Watch the difference between output and craft: the grid appears, elements align, the palette and type collapse to a system. That gap is exactly what you're paying for.

before · cheapafter · designed
Alex Rivera
@alexr · Product designer
Designing calm, high-signal software. Currently building tools for small teams.
128 following
4.2k followers
Follow
  1. 1Snap every element to one left margin
  2. 2Collapse 5 clashing colours → ink + 1 accent
  3. 3One type scale · one 8px radius
  4. 4Rebuild spacing on an 8-pt grid
  5. 5Restore hierarchy & breathing room
02 Watch us fix real screens

Every screen tells the same story:
from cheap to considered.

before · cheapafter · designed
acme.app / overview
ACME
Overview
Customers
Billing
Settings
Good morning, Maya
Here's what changed today
Create report
Revenue$84.2k
Customers2,418
Conversion7.8%
Revenue · 30d
Activity
Dashboard

A dashboard that stops shouting.

Random card colours, tilted boxes, a neon sidebar and a pill that fights the layout — the classic “AI-generated” dashboard. Watch it reflow into a system.

  1. 1Reflow onto one aligned grid
  2. 2Unify cards → one surface + one accent
  3. 3Consistent radius & spacing rhythm
  4. 4Tame the palette to tokens (WCAG AA)
  5. 5Establish a clear visual hierarchy
03 The inspector

Pull any page out. Inspect it. Put it back.

Click a screen. It lifts out of the wall into a live, inspectable page — move your cursor and the lamp reveals the tokens, spacing grid and contrast checks behind every element. This is what "a real system" means.

04 The problem

AI writes 10 pages beautifully.
Then it forgets everything.

Five different Button styles

The model re-invents your components on every page. Inconsistent radius, spacing and color that users can feel.

Spaghetti state everywhere

Three conflicting loading patterns, missing empty/error states, and no single source of truth.

One prompt breaks the last page

Every regeneration silently overwrites what worked. You're patching, not building.

A repo you can't maintain

It demos great and dies as a one-off toy. Nobody can extend that code base for a real product.

05 The clarity gate

Before a pixel, we pressure-test your logic.

Most rework is born in a fuzzy brief. So we don't open Figma first — we interrogate your entities, roles, states and edge cases until the logic is airtight. Clarity is a deliverable, not an afterthought.

fuzzy brieflocked spec
brief.txt — from clientambiguous

Hey! Can you make me a premium dashboard? It should feel clean and modern. Users log in and see their stuff maybe some charts and a table? Make it pop. You know what I mean 🙂

? who are the users? what data? what states? what's success
EntitiesUser · Workspace · Metric · Invoice
RolesOwner (rw) · Member (r) · Billing-admin
Statesloading · empty · error · partial · offline
Edge casesno-data · permission-denied · payment-failed · rate-limited
Success metrictime-to-first-insight < 5s
Brief → Spec

We ask the questions you skipped.

A hand-wavy request becomes a locked, buildable spec — the entities, the roles, every state and edge case. This is the step that stops you paying twice.

  1. 1Name the actors & their permissions
  2. 2Map core entities and relationships
  3. 3Define every state: loading · empty · error · partial
  4. 4Force the edge cases: what happens when it breaks?
  5. 5One success metric per screen — no vanity
06 How it works

An engineering compiler,
not a hallucinating painter.

  1. 1
    Brand in

    Drop screenshots you like + a short product spec. We interrogate the entities, roles and flows — not just the colors.

  2. 2
    Tokenize

    Every hex, radius and space collapses into a semantic token scale. One source of truth, WCAG-checked.

  3. 3
    Bind patterns

    Lists, forms, empty & error states become reusable patterns — with a governed, versioned component API.

  4. 4
    Instantiate 100 screens

    Every page is composed from the same patterns and tokens. Consistency is a property of the compiler, not luck.

  5. 5
    Validate & ship

    Contrast, spacing grid, orphan routes and breaking APIs are checked automatically. Then it ships as a clean repo.

input · brand.png + product.spec
#7c3aed
#059669
#f59e0b
#0ea5e9
#db2777
#17160f
entities: user · project · invoice
roles: owner · member · viewer
07 Drift → Lock

From generated screens to a system you can ship.

Typical AI output looks fine until you look twice — six near-identical buttons, drifting radius, rogue hex. We collapse them into one enforced contract.

47
rogue raw values
6
button variants → contract
12
orphan / dead-end routes
08 What you actually get

A system you own.
Brand foundations to shipped code.

Brand identity, not just UI

Logo lockups, color & type foundations, voice — compiled into the same tokens so your brand and product never drift apart.

Installable components — not screenshots

Clean React (React Native soon) delivered via npm / CLI straight into your repo — yours on disk, not locked in a platform you can't leave.

Global design tokens

One source of truth for color, spacing, type & motion. Change once, everything updates.

Complete states

loading · empty · error · disabled · responsive — by contract, not luck.

Deterministic consistency

WCAG-safe contrast, on-grid spacing, zero rogue values — by math, not vibes.

A repo you truly own

Real routes and flows that connect — no orphan pages. Fully editable, shipped with DESIGN.md so your AI coding agent stays on-system as you keep building.

09 Why it's different

They generate. We compile & enforce.

Compiled
Prompt-to-app generators
Scale
100+ pages, consistent
Falls apart past ~15
Consistency
Algorithmically enforced
Model's best guess
Output
Installable, typed, tested
One-off JSX / screenshot
Tech debt
Zero — DRY by design
Spaghetti accumulates
Regeneration
Never breaks prior work
Overwrites what worked
10 Book a project

Lock early-adopter pricing.

We take a limited number of projects at a time — new builds or rescues of existing ones. Leave a refundable deposit to reserve your slot. If it's not clean, full refund — no questions.

EARLY BIRD

One project — done for you

$99$49
refundable deposit · reserves your build slot
  • Brand identity + full product frontend, built by us
  • Installable, typed React components
  • Global tokens + complete states + DESIGN.md
  • We ship in 30 days · 100% refund
Reserve your slot — $49

Retainer — ongoing partner

Custom/ month
for companies & teams shipping continuously
  • A dedicated design + build partner
  • Evolving, versioned design system
  • Rolling delivery & priority queue
  • Brand + product kept in lockstep
Talk to us about a retainer
Booking: rolling slots, from Aug 2026
Payment: refundable deposit via PayPal
Delivery: clean Git repo in 30 days
Guarantee: 100% refund if not clean
Not ready to start a project?

Get early access + build-in-public updates.

FAQ

The honest details.

Are you a product or a studio?+

A studio. We're a small team that designs and builds using our own compiler-style method — you're hiring people with a system, not renting a self-serve generator. Leave a refundable deposit to reserve a slot, we ship within 30 days, and if the result isn't genuinely clean and maintainable, you get a 100% refund.

I only have a reference and a vibe — is that enough?+

That's exactly the input we want. Send screenshots you like, a rough feeling, and what your product needs to do. We decode the taste behind it into tokens, principles and standards, then build the real thing on top. You don't need to know design language — that's our job.

Do you do brand / VIS, or only the app?+

Both, and we keep them in lockstep. Logo lockups, color and type foundations, and voice get compiled into the same tokens that drive your product — so the brand and the app never drift apart. You can hire us for brand, product, or the full case.

New build or fixing an existing mess?+

Either. Start from a blank repo, or hand us something an AI tool, a template, or a rushed dev left in pieces — we recompile it into one coherent, maintainable system.

How is this different from v0, Lovable or Stitch?+

Those generate pages by letting a model free-associate — great for a demo, but they drift and rot past ~15 pages. We compile a real design system + architecture first, then enforce it across every page. You get a maintainable system, not a one-off toy.

What do I actually receive?+

Brand foundations plus a clean, installable Git repo: typed React components with complete states, global design tokens as a single source of truth, coherent routing, and a DESIGN.md so your AI coding agent stays on-system as you keep building.

Why book now instead of waiting?+

Early adopters lock $49 (vs $99) and get first pick of our limited slots. The deposit is fully refundable, so the only risk is upside.

* The bar we hold every build to: past ~30 pages, under ~5% should still need a net-new component — the sign the system actually generalized instead of just generating pages.

C Compiled
Building in public. © 2026 Compiled.