Meridian System

A professional, data-forward design system for SaaS products and dashboards.

Meridian is a full sans-serif system anchored in a strong blue primary. It is designed for interfaces where density and precision matter: dashboards, admin panels, SaaS products, and data-forward applications. The type scale is compact — optimised for scanning and comparison rather than reading. The colour system includes a full 11-step blue scale for data visualisation roles. Meridian is what you reach for when the interface needs to communicate trustworthiness and competence from the first screen.

TokenCategoryValue
--color-primaryColour#2563EB
--color-secondaryColour#1E3A8A
--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