← All projects

Design Engineer · completed

Design System & Motion Tokens

A shared token package covering colour, elevation, radius and motion, with review agents that fail a build on hardcoded values.

Design System & Motion Tokens cover

Delivery

Token package, Tailwind bridge, lint rules, documentation.

Stack

  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • ESLint

Problem → resolution

Fix cases

Public-safe write-ups of specific problems solved on this project.

  1. Animation drift across teams

    Ended animation drift across a product surface by publishing motion tokens and enforcing them in CI, so consistency stopped depending on reviewer memory.

    • TypeScript
    • ESLint
    • Framer Motion