Сопоставление Middle Дизайн-системы и компоненты обновлено
Уровни токенов
Вопрос
Сопоставьте токен и его уровень.
Попробуйте сами
Нажмите слева, потом подходящее справа.
Показать ответ и разбор
Коротко
Примитив хранит значение палитры или шкалы, семантический токен описывает назначение и ссылается на примитив, компонентный уточняет для конкретного элемента. Цепочка ссылок позволяет менять темы и бренды без правки компонентов.
Правильные пары
color.gray.900Примитивный
color.text.primaryСемантический
input.border.focusКомпонентный
space.4Примитивный шаг шкалы отступов
Разбор
Примитив хранит значение палитры или шкалы, семантический токен описывает назначение и ссылается на примитив, компонентный уточняет для конкретного элемента. Цепочка ссылок позволяет менять темы и бренды без правки компонентов.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.