KREM is the design system I helped build for TINE — one of Norway's biggest dairy brands and a household name across the country. Over ten months, I worked as a Design System Developer architecting and shipping a component library in React and TypeScript, published as a private NPM package and consumed by multiple product teams across the organisation. The scale was real: decisions I made in the codebase rippled out to every digital touchpoint TINE puts in front of its customers.
The core of the work was a token-based design approach — translating Figma design tokens into a structured, themeable system using TailwindCSS. I owned the Figma-to-code pipeline, collaborating directly with designers to make sure every component landed pixel-perfect against the master library. Storybook served as our living documentation: a shared reference point that kept design and engineering aligned without the usual back-and-forth.
We managed the monorepo with Turborepo, which kept builds fast and the repo sane as the library grew. By the time the project wrapped, KREM was in active use across teams — cutting redundant UI work and giving TINE a consistent, scalable foundation for everything they build next.
KREM cut redundant UI work across TINE teams and established a consistent, token-driven foundation for future digital products.