Design systems built on tokens, with explicit composition rules. Interfaces designed for the real density of operational information, not for generic visual effects shown in a Figma file.
Product teams that have outgrown ad-hoc design in Figma and need a coherent system: tokens, components, explicit composition rules. Typically clients with SaaS products, operational dashboards or complex enterprise applications that require high information density and visual consistency across hundreds of screens.
We start from the inventory of existing components and from the real use cases, not from showcase pages. We define the tokens (color, spacing, typography, elevation) as the foundational layer, then compose the components. Living documentation is part of the deliverable, not a later addition. Each component covers every state: default, hover, focus-visible, active, disabled, loading, error.
Components, tokens, patterns, published as a library in the client's workspace.
JSON, CSS variables and a Tailwind config, synced automatically between design and code.
React + Tailwind, WCAG AA accessible, with every state covered and tested.
Composition rules, do/don't, usage examples per component, delivered in the repo.
Both. The design exists in parallel in Figma and in code, synced through tokens. We do not believe in one-way handovers where the designer never sees the result in the browser.
Yes, where it exists. We work with branded systems (Rossmann, dm, Heinemann as visual references) or build systems of our own based on the client's identity. We do not impose a generic style.
Tokens are agnostic, JSON or CSS variables, so they are usable in any stack. The code components are React + Tailwind, but can be ported to Vue or Svelte without major effort if the project calls for it.
Two levels: primitive tokens (raw colors, raw spacing, type scales) and semantic tokens (--surface-page, --text-primary, --intent-error). Components consume only semantic tokens, never raw values.
We start with a technical discussion led by a principal engineer, under a confidentiality agreement.
