Axiom System

A high-contrast minimal system for portfolios, studios, and work-led brands.

Axiom uses near-black surfaces, tight spacing, and an electric violet accent. It is built for interfaces where the work itself should dominate — portfolios, creative studios, and product brands that have confidence in what they are showing. The type scale is aggressive in its size contrast: display headings push large, body text stays compact. Axiom is not neutral — it is a deliberate aesthetic position. If your client's brand needs to feel like a leader, Axiom is where you start.

TokenCategoryValue
--color-primaryColour#7C3AED
--color-secondaryColour#1C1917
--font-headingTypography'Switzer', system-ui, sans-serif
--font-bodyTypography'Switzer', system-ui, sans-serif
--sp-baseSpacing1rem (16px)
--radius-mdRadius6px
Customise this system →

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