STEP 01 — FOUNDATION
Turn a feeling into color.
Enter a word or extract colors from an image. The same input always creates the same system.
Saved palettes
Stored only in this browser.
STEP 02 — VOICE
Names with the right temperature.
Twenty deterministic ideas built from your word, mood and industry.
STEP 03 — VOICE
Say it in one line.
Template-built slogans shaped by your current brand direction.
STEP 04 — TYPOGRAPHY
A voice you can see.
Browser-safe font pairings selected for the current mood.
STEP 05 — SYSTEM
Rhythm, shape and depth.
Practical interface tokens tuned to your brand mood.
Spacing scale
Radius scale
Shadow presets
STEP 06 — MOTION
Motion with a point of view.
Preview and copy production-ready CSS animation presets.
STEP 07 — DIRECTION
See the system together.
A living composition generated from your palette, type and tokens.
STEP 08 — MARK
Build a better logo brief.
A local template builder for image-generation tools and designers.
Generated prompt
Negative prompt
STEP 09 — HANDOFF
Your compact brandbook.
Everything generated here, ready to export and build with.