Foundations
Define the role of colour, type, spacing and interaction states.
Design systems
A design-system studio concept that connects reusable components to the decisions behind them.
A shared language for better interfaces.
THE IDEA BEHIND TOKEN
Consistency with a reason.
A design-system studio concept that connects reusable components to the decisions behind them. Explore the options below, then choose the direction that fits your brief.
Components
Document expected behaviour and the situations each pattern supports.
Team adoption
Create a practical contribution and review process.
TAKE A CLOSER LOOK
Compare two options
Place two options side by side to see how their focus differs.
THE FOCUS
The people and workflow to support
THE FOCUS
Existing systems and constraints
THIS DIRECTION. YOUR BUSINESS.
Make Token yours.
Use this design systems concept as the starting point for your own website. We adapt the words, brand and agreed features around your business.
Choose Token for my brief ↗A template for a commissioned website. Live booking, checkout, account systems and integrations need their own agreed scope.