The Product
Monotype Fonts Enterprise is the offering built for large organizations, global brands, and complex creative teams. It delivers unlimited seat licensing, a unified agreement covering web, print, apps, digital ads, and video, advanced admin and font-user management, SLA-backed dedicated support, and access to Monotype's type design team for custom typefaces — all under a single contract.
My Role
I designed and built Mosaic — the Pattern Library and Component Library that powers the entire Monotype Fonts Enterprise product surface. The work covered every layer of the system: design tokens (color, typography, spacing, elevation, motion), a library of 80+ production React components, and a Storybook documentation site used by every product team at Monotype.
Before Mosaic existed, each of Monotype's six product surfaces was built in isolation. Teams duplicated effort, spacing and color drifted between surfaces, and onboarding a new engineer meant weeks of tribal knowledge transfer. My mandate was to unify all of that — without blocking teams mid-sprint.
I started with a full component audit across all six surfaces, cataloguing every button, form, table, modal, and navigation pattern in use. From that audit I derived a token architecture that could flex across light and dark themes and accommodate Monotype's multi-brand portfolio. I then built each component with accessibility (WCAG 2.1 AA), responsive behaviour, and theme-awareness baked in from the start — not retrofitted later.
Impact
Mosaic became the foundation for all new product work at Monotype. Design handoff time dropped significantly — designers referenced shared tokens instead of specifying values per component. Engineers spent time building features, not re-implementing dropdowns. New team members could contribute confidently within their first sprint because the system provided clear conventions and documented examples for every pattern.
"Mosaic gave us a shared language. For the first time, a designer in Boston and an engineer in London were looking at the same component with the same name, the same behaviour, and the same spec."
— Product Manager, Monotype Fonts