Skip to content

Writing

Design systems

2 pieces tagged Design systems. Everything else is one click away in the rail beside it.

31 documents · press / to search

  1. 6 min read

    Bridging Figma and code: a design system built on tokens and Tailwind

    Three token layers, one configuration knob for a whole colour ramp, and contrast ratios computed by a test rather than typed into a comment — how to build a design system where the code and the design file cannot drift apart.

    Design systemsTailwindFrontendAccessibility

  2. 5 min read

    Dark mode without the flash: theming across Next.js, React Native and mobile web

    The flash of the wrong theme is a timing problem, not a styling one. How to make the first paint correct on the server, keep it correct across platforms, and avoid the four traps that make a dark theme look broken.

    ThemingNext.jsReact NativeDesign systems

Start here

Tell us what you are building

Or what is breaking, or what has to go faster. You will get a straight answer from an engineer who would do the work.