Nova System

A warm, humanist design system for service businesses and personal brands.

Nova is built around amber as the primary action colour — warm, approachable, and legible across light and dark surfaces. The type pairing uses Lora for headings (open, slightly literary) and Switzer for interface text (neutral, precise). The spacing scale follows a 4px base unit with a 1.5 ratio, giving Nova its characteristic openness. Nova works well for consultants, coaches, service agencies, and any brand that wants to feel capable without feeling cold.

TokenCategoryValue
--color-primaryColour#D97706
--color-secondaryColour#92400E
--font-headingTypography'Lora', Georgia, 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