Именованные значения визуальных решений продукта — цвета, отступы, размеры шрифта, радиусы, тени, — заданные один раз и используемые по ссылке везде, вместо повторения в каждом файле.
Благодаря токенам ребрендинг или тёмная тема становятся задачей на день, а не месяцем охоты за hex-кодами. Они же держат дизайн и код синхронными, потому что обе стороны используют одни имена.
Мы описываем токены как CSS-переменные, общие для макета и кодовой базы, и запрещаем «сырые» значения в компонентах, поэтому изменение токена распространяется на весь продукт разом.