Wildeye Design System
Tokens, components and dashboard widgets for Wildeye, the water-monitoring platform used across New Zealand and Australia.
Contents
Foundation
The values everything else is built from.
Forms
Fields, choices and the grammar that binds them.
Dropdowns
Selection surfaces that open over the page.
Data display
How the product shows what it knows.
Feedback
Telling someone what just happened.
Navigation
Moving between places in the product.
About
Every page renders the component live, from the tokens the shipped Vue library uses. The pill under each title says whether it’s a direct port of the shipped component or a refined version of it. Greyed-out entries are in the library but aren’t documented yet.
Components are set in Inter, the product’s typeface; the documentation around them is set in Geist. Wildeye is light-only, so there’s no dark theme.
Designed and built by Joel Mann at Wildeye. The story of how it came together is in the case study.