MOCO
Brand guidelines can become interfaces. Instead of thirty finished files, you hand over the studio they're made in.
A brand asset doesn't have to be final at export.
Branding usually ends with a handover: logo, colours, type, a few illustrations and a PDF of rules. Everything in it is fixed. Every new variant means: back to the designer.
Static brand system
- A fixed set of files
- Rules as text
- Motion comes later, from someone else
- Every variant is a new request
Living brand system
- A studio with clear boundaries
- Rules live in the interface
- Motion is part of the identity
- New variants appear instantly
Four decisions, one character.
Every property is independent. A new shape doesn't reset the expression, motion doesn't delete anything, and what you export is exactly what you see.
Instead of moods, there are states: the moments a product really needs.
Built as an experiment, tested like a product.
The first version looked finished and behaved correctly on screen. Yet every time, it exported the wrong character. The preview was right, the file wasn't.
Two more bugs were invisible in the interface: every motion overwrote the size, and the animation jumped on every loop. I only found them by putting the downloaded file next to the screen.
On the phone, the studio is now a fixed app screen: shape, colour and motion as sheets above the stage, a tab bar instead of a long list.
Ship the studio, not the files.
MOCO shows what happens when designers don't just design assets but the tools that create them. The rules live in the interface, not in the PDF.
The real bugs turned into their own essay: “Looks Finished. Isn’t.”, five stages to check whether a prototype really works.