Principles
Five commitments that every token, component, and pattern in this system is measured against.
Clarity over decoration
Insurance and brokerage decisions carry real financial and legal weight. Interfaces should reduce ambiguity — clear labels, predictable states, unambiguous hierarchy — rather than compete for attention with unnecessary ornament.
Consistent by default
A button, a status badge, an error message should look and behave the same way whether you're in claims, underwriting, or client services. Divergence from the system is a deliberate, documented exception — not the default path.
Accessible from the start
WCAG 2.1 AA is the floor for every screen, not a pass we do at the end. Color is never the only signal; every interactive element has a visible focus state and a minimum 44px touch target on touch surfaces.
Built for density without clutter
Our applications are data-heavy — policies, endorsements, claims, schedules. Components are designed to hold real enterprise data density (tables, long forms) while staying scannable, using spacing and type hierarchy rather than borders and boxes to organize information.
One source of truth
Design tokens are authored once and consumed everywhere — Figma variables and code variables share the same names and values. When the system changes, it changes in one place and propagates, rather than being manually kept in sync across a dozen applications.