TokenKit

What’s inside

• PacksA brand is a pack: its values in the same slots. Colour, type, radius, density and texture change; no component file does.
• GatesContrast, accessibility, type, radius and attribute checks run against rendered stories, including 812 text-and-surface pairs on every run.
• MaterialsA scrim for text over unknown photos, drafting and material textures, concentric corners, and components that respond to their own width.

See it work

Loops and Flows

Figma-first work is a flow; token-first work is a loop. Five everyday changes, run both ways and measured live.

The Whole Story

A clickable prototype of a component beside the component itself. Only one of them survives a refresh.

The Storybook

Every token, pack, shell and component, in chapters, with the controls to flip pack, density and root size.

Tony Sciantarelli

The design technologist who built this: the work, the talks, and how to get in touch.