Introduction
The Ollily Design Language System is the single source of truth for how the company looks, sounds, and ships — one place for foundations, tokens, and the systems that turn them into real artifacts.
What this is
This portal documents the Ollily brand as a working system, not a PDF. Every rule ships with a live, animated example; every colour, type style, and lockup is a token or a file you can copy or download. When the system changes, this site changes — nothing else is the source of truth.
Who it serves
Design starts from Foundations. Engineering implements from Design tokens and the developer workflow. Marketing, Sales, and CS produce from Systems — decks, one-pagers, emails, signatures, and ads that are on-brand by construction. Leadership and Ops use it to keep every team telling the same story.
How it's organised
Getting started is orientation and governance. Systems are the deliverables people make. Foundations are the primitives those deliverables are made of. Design tokens are the machine-readable layer underneath both. Change flows downhill: a foundation change updates tokens, which updates every system.
Where to start
Making something today? Go straight to the System for that artifact. Designing something new? Read Colour and Typography first. Building product UI? Start at the developer workflow. Press ⌘K anywhere to jump.