Navigation Patterns
Documented patterns for primary, secondary, and utility navigation across breakpoints.
View →
Blueprints
Patterns with rationale
A blueprint documents a recurring UI problem alongside a tested solution, the rules that govern it, and the reasoning behind those rules. No guesswork — just a pattern you can apply directly.
Card Systems
A taxonomy of card types with rules for content density, action placement, and grid behaviour.
View →Form Architecture
Input grouping, validation feedback, and error state patterns for accessible, high-completion forms.
View →Typography Systems
Rules for typographic hierarchy: heading levels, body rhythm, caption treatment, and display type.
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