Design token system with contrast checks
Vincent L. Anderson
A demo built for a specific brief. Not client work: the material shown is sample data, so what is on display is the mechanism.
I built a design-token system in which one token file generates both the live style guide and the page compositions, so a brand change is one file rather than a redesign. The build computes WCAG relative-luminance contrast for every foreground/background pairing it ships: 28 tokens across 2 themes, 12 pairings checked, 0 below AA.
Design token system with contrast checks 1
Like this project
Posted Sep 22, 2026
I built a design-token system in which one token file generates both the live style guide and the page compositions, so a brand change is one file rather than a redesign.
Likes
1
Views
2
