Last updated 8 June 2026
Projects / Design Token Pipeline

Design Token Pipeline

Initiative / Design System

Target / 6th February 2026

Unify design tokens and align React and Figma components to ensure consistency and scalable theming.

Open in Linear

This project introduces a single source of design tokens, synchronised across code and Figma, and reconciles component libraries to eliminate drift, enable scalable theming, and maintain visual consistency across products.

Status

Completed

Target

6th February 2026

Lead

Ian Lovell

Teams

Platform

Project updates

Recent status notes posted directly on this project in Linear.

0 shown

No project updates have been posted in Linear yet.

Initiative updates

Recent updates shared from Design System because this project has limited direct update history.

3 shown

Ian Lovell

16 Apr 2026

Work has continued on expanding the design system with both foundational tokens and reusable components. New colour and semantic z-index tokens have been added, alongside shared components including TextInput, Panel, Pagination, AnnouncementBar, FooterPromotion, LinkDirectory, and video components.

Ian Lovell

31 Mar 2026

Since the last update, there has been strong progress on the header, footer, and mobile navigation, with final polishes taking place. There has also been work on supporting elements such as integrated search, updates to expandable patterns to support new navigation behaviours, and the introduction of more compact action styles for use in dense layouts. In parallel, additional work has focused on improving button and icon interactions, as well as introducing announcement messaging.

Ian Lovell

16 Mar 2026

Work continues on strengthening the design system foundations, with updates to buttons and links to ensure accessible focus styles, improved colour contrast, and appropriate touch target sizing. Development has also begun on new header and footer components designed to support full keyboard navigation and improve overall accessibility.

Issues

Grouped by current Linear workflow status.

27 total

Done

27

  • PLT-99 - Add layout tokens and container component
    Done
  • PLT-83 - Add brown colour scale
    Done
  • PLT-46 - Add CI build workflow
    Done
  • PLT-45 - Add dependabot to repository
    Done
  • PLT-44 - Add PR title linting to CI
    Done
  • PLT-39 - Create example Playwright Component test for react package
    Done
  • PLT-32 - Add Playwright Component testing infrastructure
    Done
  • PLT-31 - Add Style Dictionary build pipeline for metadata
    Done
  • PLT-30 - Add space primitive design tokens
    Done
  • PLT-29 - Add default theme package
    Done
  • PLT-28 - Add Figma output to Style Dictionary
    Done
  • PLT-27 - Add typography design tokens
    Done
  • PLT-26 - Add screen size primitive design tokens
    Done
  • PLT-25 - Add font primitive design tokens
    Done
  • PLT-24 - Add heading and paragraph components
    Done
  • PLT-23 - Add dynamic font css variables
    Done
  • PLT-22 - Add dynamic spacing
    Done
  • PLT-21 - Add CSS variable output to Style Dictionary
    Done
  • PLT-20 - Add z-index primitive design tokens
    Done
  • PLT-19 - Add shadow primitive design tokens
    Done
  • PLT-18 - Add opacity primitive design tokens
    Done
  • PLT-17 - Add border width and border radius primitive tokens
    Done
  • PLT-16 - Add Figma semantic colour variable collection
    Done
  • PLT-15 - Add spacing semantic groups
    Done
  • PLT-14 - Add avatar/icon size primitive design tokens
    Done
  • PLT-13 - Add Tailwind v4 config
    Done
  • PLT-12 - Add NX to design-system repo
    Done