Стайл-гайд
Стайл-гайд — компактный документ, который помогает всем участникам продукта говорить на одном визуальном языке. У маленькой команды его может вообще не быть на бумаге — стиль живёт в головах. С ростом — без него стиль начинает «плыть».
Что обычно входит
- Палитра цветов и правила их использования.
- Типографическая шкала и иерархия заголовков.
- Сетка и базовые отступы.
- Иконки и иллюстрации, стиль фотографий.
- Логотип: правильное и неправильное использование.
- Голос бренда и тон коммуникации.
Что НЕ входит
- Конкретные компоненты — это уже дизайн-система.
- Код — это уровень компонентной библиотеки.
- Детальные правила взаимодействия — это UX-паттерны.
Когда применять и когда нет
Применять
- В маркетинге, на лендингах, в брендовых материалах
- В небольшой компании до запуска полноценной дизайн-системы
- В работе с подрядчиками: фрилансеры и агентства быстро войдут в стиль
Не применять
- В большом продукте без дизайн-системы — стайл-гайд один тут уже не справится
Примеры применения
Маленькая команда выпустила первую версию продукта, и каждый новый лендинг получался немного по-своему. Через месяц собрали короткий стайл-гайд на 10 страницах: палитра, типографика, как использовать логотип, голос бренда. После этого новые маркетинговые страницы стали выглядеть как часть одного продукта, и согласование с дизайнером уходило не на цвет шрифта, а на смысловые вещи.
Часто задаваемые вопросы
Брендбук — обычно более широкий документ про бренд: миссия, ценности, тон коммуникации, фирменный стиль во всём. Стайл-гайд — практическая часть брендбука, посвящённая визуальному языку. В жизни границы между ними размыты, и в маленькой компании это часто один и тот же документ.
Да, как часть дизайн-системы. Конкретные компоненты сами по себе не объясняют принципы их применения. Стайл-гайд — это «почему» и «как», дизайн-система — «что». В зрелых компаниях они живут вместе как единая внутренняя экосистема.