Темы и гайдлайны

У каждого проекта есть тема — набор дизайн-токенов для цветов, типографики, радиусов и отступов. Экраны ссылаются на эти токены, а не на жёстко заданные значения, и именно это делает двадцать экранов похожими на один продукт.

Поменять несколько цветов#

Просто попросите:

Сделай основной цвет #1B4DFF. Фон слишком холодный — сделай теплее.

Так небольшое изменение вливается в существующую тему, а всё остальное остаётся нетронутым. Это бесплатно и применяется везде сразу.

Собрать совсем новый облик#

Для сплошного изменения — редизайна, перехода на тёмную тему, нового бренда — попросите именно это:

Дай всему проекту тёмную тему. Переделай это под наш новый бренд: глубокий зелёный как основной, кремовый фон, заголовки с засечками.

Так соберётся полностью новый набор токенов, а не заплатка на старом.

Ограничить изменение#

По умолчанию изменения темы действуют на весь проект. Чтобы ограничить одним экраном, скажите об этом:

Только на лендинге сделай фон шапки чёрным.

Контраст проверяется#

Темы проверяются на читаемость цветовых пар до применения, поэтому вы не должны получить тёмный текст на тёмном фоне. Если вы намеренно хотите низкоконтрастное решение, скажите об этом — но будьте готовы, что система будет подталкивать в сторону читаемости.

Сгенерировать гайдлайн#

Попросите гайдлайн — и получите отрисованный экран с палитрой, типографской шкалой и основными компонентами: полезно и как артефакт для передачи, и как проверка связности системы.

Частые ошибки#

• Править цвет на одном экране. Это срабатывает, а потом следующий сгенерированный экран не совпадает. Используйте тему.
• Просить «тёмный режим», находясь в режиме редактирования на элементе. Так цвета могут зашиться в код вместо перестройки темы. Просите в чате, на уровне проекта.
• Считать, что раз инструмент темы отчитался об успехе, значит всё отрисовалось. Посмотрите на холст. Если экраны не изменились, см. Мой гайдлайн не применился.