Цветовые переменные сделаны по следующему принципу:
- Основная цветовая палитра проекта;
- Генерируемые от неё цветовые значения.
При генерации заложено вычисление цвета, которая опирается на интерфейсные правила. Она служит своего рода защитой от дурака и минимизирует появление не сочетаемых комбинаций цветов.
На практике в стилях любого блока ни один цвет не пишется руками, только переменные. Это делает блок по умолчанию кастомным и готовым к изменения
Система отступов должна подчеркивать информационную иерархию с учетом «правила близости» (или внутреннего и внешнего). Внешние отступы в большинстве случаев должны быть больше, чем внутренние. Таким образом получается, чем глубже уровень вложенности, тем меньше отступы (все отступы мы сделали четными для более точного дробления).