I led the design of a full set of baseline components, organized into three use-case categories — Heroic, Functional, and Supporting — so teams could pick the right tool without guessing. Every component was built on a flexible CMS structure: configurable by layout direction, column count, alignment, and type scale, all managed through Contentful.
A responsive grid framework that uses semantic breakpoints to scale layouts consistently across devices. It relies on progressive compression and adaptive scaling to preserve hierarchy, maintain comfortable content widths, and reduce columns as screens shrink. By removing rigid tablet-specific breakpoints and using a single scalable logic above mobile, the system stays cohesive, predictable to build, and accessible.
01/Heroic
Bold storytelling
02/Supporting
03/Functional
Purpose-driven clarity
One component,
Many configurations.
Outcome
© 2026