Izzi Design System

Izzi is the digital learning suite from Profil Klett. Three products, growing in parallel, with no shared design language between them. I led the work to connect them.

Three products under one suite. Bookshelf for grades 5 and up, Playground for grades 1 to 4, and Authoring, the tool the editorial teams build content in. Same company, three drifting visual languages, zero shared foundation.

It started with an audit, not a design. Buttons defined four ways, the same brand color ramped three different times, all named "Primary" across three files. I cataloged the whole surface area, including everything that had to go.

Then the foundation. Global tokens in one file: color, type, spacing, effects, motion. Three product libraries branch off it, each inheriting the same primitives. Change a token at the root and all three update. LEGO sets with shared studs.

Components rebuilt to flex. Auto-layout, slots, instance swap, and property models deep enough that one base component absorbs every state, size, and role a product needs. The difference between a real system and a styleguide with a token sheet.

Same foundation, two different worlds. Bookshelf stays clean and minimal. Playground stays hand-illustrated and playful. Different components per product, but the same tokens and patterns underneath. The skins diverge. The system stays shared.

All three products now run on one system, each with its own library, all pulling from the same root.