Обновить

Примитивный уровень токенов цвета

Недавно я опубликовал статью про токены цвета и обещал там написать пост про примитивный уровень токенов цвета. Вот пишу

Уровни токенов цвета
Уровни токенов цвета

Примитивный уровень это палитра(ядро) для всей системы. Это как бы набор красок, из которых потом будет собрана остальная система.

Формат названий токенов blue_50, где blue это цвет, а 50 – значение Lightness по HSL. Изначально создаются токены с шагом в 5 или 10 (blue_0, blue_5...), чтобы покрыть все оттенки цвета.

Токены содержат в себе hex-значения цвета, поэтому остальные уровни должны ссылаться на него. А сами примитивы не должны использоваться на макетах, так как это именно палитра.

Когда такое будет полезно?

  1. В больших и сложных системах на кучу продуктов, чтобы поддерживать консистентность

  2. В системах с подходом от элементов (кнопка, обводка), а не групп (primary, secondary). Про это ещё будет пост

Если эти два пункта не про вас, примитивы только усложнят систему. И лучше обойтись только семантикой и компонентами (как это описано в статье)

Теги:
Всего голосов 1: ↑1 и ↓0+1
Комментарии0
ЕЖЕДНЕВНЫЙ ХАБР | 6 АВГ 2026
Охват14K

Как я воевал с Яндексом и решил проблему «мертвых душ» на диске

Статья посвящается недавнему сомнительному решению Яндекса уменьшить объём своего диска и жестоко покарать всех, кто посмел: впихнуть невпихуемое, не удалить старые файлы или просто не суметь разобраться в их «гениальном» интерфейсе и удалить снимки, которые не подчиняются абстракции файлов вообще. Ваш покорный слуга создаёт расширение, которое позволяет решить проблему. На превью то, кем он себя видит: грозным защитником угнетённых бабуль из бухгалтерии, в клетчатой рубашке инженера и с волшебным мечом.

Как я воевал с Яндексом и решил проблему «мертвых душ» на диске

Публикации