System Builder
Define colour, type, and spacing scales. Generate a complete CSS :root block in seconds.
View →
Instruments
Five tools. One workflow.
Each instrument replaces a part of the project setup process you normally rebuild from scratch. They run in the browser, produce real output, and require no account on the Free plan.
Brand Generator
Answer six questions. Get a brand palette, font pairing, and voice keywords you can use today.
View →Component Playground
Preview common UI components rendered with your system tokens. No code required.
View →UX Audit
Score your project across five UX dimensions. Export a plain-text report.
View →Resource Generator
Download production-ready templates: style guide, component checklist, design brief, and more.
View →Stay current
Field Notes in your inbox
Practical observations on design systems, component architecture, and UX methodology. No promotional content. Published when there is something worth saying.
Practitioner methodology
Editorial standards
WCAG 2.1 AA
PIPEDA & GDPR compliant