Guidebook design system
Motion · hero
Hero visual for the guidebook system.
Context
What are guidebooks?
Placeholder: a short intro to Headout guidebooks, who reads them and where they live.
Image
A few guidebook pages side by side.
Problem
Why it needed a system.
Placeholder: what was breaking before.
Image · staticProblem one.
Image · staticProblem two.
Image · staticProblem three.
The system
Foundations and components.
Placeholder: type, colour, layout grid, and the components built on top.
ImageTypography.
ImageColour.
ImageComponents.
Impact
00Metric one
00Metric two
00Metric three
Learnings
What I’d take forward.
Placeholder: key takeaways.