E
Ember
published · v4Warm obsidian, incandescent gradients, motion that breathes.
incandescentnocturnalconfident
explore →
Synthesis engine · preview
Every interface hides a design system. We set it free.
SynthesisUI captures real-world interfaces, distills their colors, type, spacing and motion into canonical tokens — then re-imagines them as refined, fully documented design systems.
#EAA83C
#DD4161
color.brand.ember#DD4161
AaAa
type.display / groteskmotion.ease-ember
Gallery
The collection begins with our own.
Every system here is a re-reading, never a copy: raw signals from a real interface, normalized into canonical tokens and re-imagined with intent.
Pipeline
From URL to design system.
Three movements, one canonical format. Components only ever reference tokens — so a single renderer can wear any system in the collection.
- 01
Capture
A headless browser visits the reference site and reads its computed reality — every color, typeface, shadow, easing and repeated pattern.
- 02
Synthesize
AI re-reads the raw signals and recreates them as a coherent system: normalized scales, semantic tokens, named motion. A re-interpretation, never a copy.
- 03
Curate
Each system lands in the gallery — versioned, documented and rendered live, ready to be explored, compared and exported.