Безкоштовно · українською · 7 хв читання
Що таке брендбук і як його зробити: покроково
Що таке брендбук, з яких розділів він складається і як зібрати свій: основа бренду, правила логотипа, кольори, шрифти, графіка й приклади застосування.
- Що входить у брендбук і навіщо він потрібен
- Як описати логотип, кольори й шрифти так, щоб ними користувалися правильно
- Як зібрати брендбук як навчальний проєкт для портфоліо
- Безкоштовно
- 1504 учасники
- Вхід за 1 клік
П'ять кроків до брендбука
- 1
Крок 1
Розберіться, що таке брендбук і що в ньому буває
- 2
Крок 2
Почніть з основи бренду й тону голосу
- 3
Крок 3
Пропишіть правила логотипа
- 4
Крок 4
Опишіть кольори, шрифти й графіку як систему
- 5
Крок 5
Покажіть застосування і перевірте брендбук у ділі
- 1504
- учасники спільноти
- 8915
- повідомлень із запитаннями з липня 2024
- 9
- дизайн-ігор з вересня 2024
- 759
- людей писали в чат
Цей гайд для вас, якщо ви
Вже зробили логотип
Знак готовий, але незрозуміло, як пояснити іншим, де і як його використовувати, щоб він не «поплив» за пів року.
Робите айдентику для портфоліо
Хочете показати не один логотип, а цілісну систему: кольори, шрифти, графіку й те, як вони працюють разом.
Отримали запит «зробіть нам брендбук»
Перше таке завдання від знайомих, команди чи невеликого бізнесу, і треба зрозуміти, що саме здавати.
Коротко
- Брендбук — це інструкція, як бренд виглядає і звучить, щоб його однаково використовували всі.
- Типові розділи: основа бренду, тон голосу, логотип, кольори, шрифти, графіка, фото й приклади застосування.
- Правила мають бути конкретними: охоронне поле, мінімальний розмір, коди кольорів, «так» і «ні».
- Перевірте брендбук на реальних макетах: якщо ним не вдається користуватися, він не працює.
- Для навчання візьміть вигаданий або волонтерський бренд і зберіть стислий брендбук.
П'ять кроків до брендбука
- 1
Крок 1
Розберіться, що таке брендбук і що в ньому буває
Брендбук (його ще називають гайдлайном або бренд-гайдом) — це документ, який пояснює, як бренд виглядає й звучить і як правильно використовувати його елементи. Nielsen Norman Group пише, що такі посібники найчастіше охоплюють кольори, типографіку, торговельні марки, логотипи й поліграфію, а також правила для текстів, як-от тон голосу. Класичний приклад — посібник NASA 1976 року (NASA Graphics Standards Manual): там є розділи про логотип, кольори, неправильне використання знака, бланки й конверти. Сучасні брендбуки побудовані так само. Наприклад, у брендбуці Dropbox такі розділи:
- основа бренду (Framework) — навіщо бренд існує і яким він хоче бути;
- голос і тон — як бренд говорить;
- логотип і типографіка;
- іконографіка й колір;
- зображення й анімація (Motion).
💡 Брендбук не робить айдентику, а описує вже готову. Якщо логотипа, кольорів і шрифтів ще немає, почніть з них, а потім повертайтеся сюди.
- 2
Крок 2
Почніть з основи бренду й тону голосу
Перші сторінки пояснюють, для чого все інше. Без них правила виглядають довільними, і люди починають їх обходити. Опишіть коротко, на одну-дві сторінки:
- для кого бренд і яку проблему він розв'язує;
- 3–4 риси характеру, наприклад «дружній, точний, спокійний», і що кожна означає на практиці;
- тон голосу: Nielsen Norman Group пропонує описувати тон за чотирма шкалами — формальний чи невимушений, серйозний чи жартівливий, шанобливий чи зухвалий, стриманий чи захоплений;
- приклади фраз «так пишемо» і «так не пишемо» для типових ситуацій: привітання, помилка, оголошення.
💡 Кожна риса характеру має підказувати рішення. «Сучасний» нічого не підказує, а «говоримо коротко і без канцеляриту» — так.
Перевірте брендбук на свіжих очах
Найкращий тест брендбука — людина, яка бачить його вперше. У спільноті діляться роботами й отримують фідбек. Заходьте, це безкоштовно.
Показати свій брендбукБезкоштовно. 1504 дизайнери вже в спільноті.
- 3
Крок 3
Пропишіть правила логотипа
Логотип — розділ, який читатимуть найчастіше, тож він має відповідати на практичні питання без вас. Подивіться, як це зроблено в гайдлайнах Spotify: охоронне поле дорівнює половині висоти іконки, мінімальний розмір повного логотипа — 70 px на екрані або 20 мм у друці, зелений логотип — лише на чорному, білому чи фото без дуотону, а на інших фонах — чорний або білий. Для свого бренду опишіть:
- версії — повний логотип, скорочений знак, горизонтальна й вертикальна компоновки, якщо вони є;
- охоронне поле — вільний простір довкола знака, заданий через частину самого логотипа, щоб він масштабувався разом зі знаком;
- мінімальний розмір для екрана в пікселях і для друку в міліметрах;
- кольорові версії — на світлому, темному й кольоровому фоні та на фото;
- неправильне використання — розтягування, зміна кольору, тіні, поворот, логотип на строкатому фоні; покажіть це картинками з позначкою «ні».
💡 Мінімальний розмір не вигадуйте: зменшуйте логотип на екрані й у тестовому друці, доки він не перестане читатися, і візьміть розмір із запасом.
- 4
Крок 4
Опишіть кольори, шрифти й графіку як систему
Тут важливо не просто показати красиві плашки, а пояснити, що для чого. Людина, яка відкрила брендбук, має зробити макет без питань до вас:
- кольори з ролями: основний, допоміжні, фон, текст, акцент; для кожного — коди для екрана (HEX і RGB) і, якщо бренд друкується, значення для друку, узгоджені з друкарнею;
- пропорції кольорів: що займає більшість площі, а що з'являється лише як акцент;
- шрифти й ієрархія: які шрифти для заголовків і тексту, розміри й насиченість для кожного рівня, де взяти шрифт і чи дозволяє ліцензія таке використання;
- графіка й фото: іконки, візерунки, ілюстрації, стиль фотографій — з прикладами «так» і «ні»;
- сітка й відступи, якщо бренд має багато однотипних носіїв: дописи, презентації, банери.
💡 Якщо працюєте у Figma, оформіть кольори й текстові рівні як стилі: вони доступні на всіх тарифах і оновлюються в усіх елементах файлу одразу. Публікувати їх як бібліотеку для інших файлів можна в платних тарифах.
Брендбук розростається і плутає? Покажіть його спільноті → - 5
Крок 5
Покажіть застосування і перевірте брендбук у ділі
Останній розділ — приклади: бренд на реальних носіях. Саме тут видно, чи правила працюють разом. Для навчального проєкту візьміть вигаданий бренд, волонтерську ініціативу чи друзів з невеликою справою і зберіть:
- 3–5 носіїв: аватар і допис у соцмережі, візитка чи бланк, банер, обкладинка презентації, вивіска або упаковка;
- тест на іншій людині: дайте брендбук комусь і попросіть зробити за ним один макет — кожне питання, яке вона поставить, означає прогалину в документі;
- формат здачі: PDF для читання і вихідний файл (наприклад, Figma) з логотипами, кольорами й шрифтами;
- версію й дату на обкладинці, щоб було зрозуміло, що документ актуальний.
💡 Для портфоліо покажіть не лише сторінки брендбука, а й шлях: який був бриф, які варіанти ви відкинули і чому. Саме це цікавить тих, хто дивиться портфоліо.
Ви не самі з цими питаннями
Ми порахували, про що найчастіше питають у нашій спільноті. Навчання, портфоліо й Figma — у трійці лідерів. Брендбук — один із найпереконливіших форматів для портфоліо, бо показує систему, а не окрему картинку.
Повідомлення за темами в Spaceberry Community, липень 2024 — листопад 2026. Пошук за ключовими словами.
Практика з дедлайном і живим фідбеком
Найкраще вчить задача з терміном, яку бачать інші люди. Тому в спільноті регулярно проходять дизайн-ігри: однакове завдання для всіх, дедлайн і голосування.
Дизайн-гра · січень 2026
Редизайн сайту НАОМА
Головна сторінка академії очима абітурієнта, студента й викладача. Три роботи у фіналі, переможця обрала спільнота.
AI-челендж · травень 2025
Лендинг, створений AI
Логотип, тексти й візуали — тільки AI-інструментами. Чотири роботи, анонімне голосування, учасники поділилися промптами.
Воркшоп · квітень 2026
Figmosha: AI у Figma
Автор інструмента показав, як генерувати інтерфейси у Figma й аналізувати дизайн-систему.
Безкоштовно. 1504 дизайнери вже в спільноті.
Як приєднатися — 1 хвилина
- 1
Натисніть кнопку
Відкриється Telegram зі спільнотою Spaceberry.
- 2
Приєднайтеся
Це безкоштовно: достатньо акаунта в Telegram.
- 3
Представтеся
Напишіть, з чого починаєте, і поставте перше питання.
Часті питання
Не знайшли відповіді? Поставте питання в спільноті — там відповідають.
Чим брендбук відрізняється від логотипа й айдентики?
Логотип — лише один елемент бренду. Айдентика, або фірмовий стиль, — уся візуальна система: логотип, кольори, шрифти, графіка, стиль фото. Брендбук — документ, який цю систему описує і пояснює, як нею користуватися: охоронне поле, мінімальний розмір, коди кольорів, приклади «так» і «ні». Спершу створюють айдентику, а потім фіксують її в брендбуці.
Скільки сторінок має бути в брендбуці?
Єдиної норми немає: обсяг залежить від того, скільки в бренду носіїв і людей, які з ним працюють. Для навчального проєкту чи невеликого бізнесу достатньо стислого документа, де є основа бренду, логотип, кольори, шрифти й кілька прикладів застосування. Перевірте обсяг на практиці: попросіть когось зробити за брендбуком один макет.
У якій програмі зробити брендбук?
У будь-якій, де зручно верстати сторінки й експортувати PDF: наприклад, у Figma, Canva чи редакторі презентацій. Figma зручна тим, що кольори й текстові рівні можна оформити як стилі прямо у файлі брендбука. Головне — передати разом з PDF вихідні файли логотипа, коди кольорів і назви шрифтів.
Чи можна подивитися справжні брендбуки?
Так, багато компаній публікують свої гайдлайни відкрито. Наприклад, Dropbox Brand Guidelines (розділи від основи бренду й тону голосу до анімації) і Spotify Design & Branding Guidelines (детальні правила логотипа), а також історичний NASA Graphics Standards Manual 1976 року. Посилання — у джерелах нижче; розберіть один із них перед тим, як збирати свій.
Чи платна спільнота Spaceberry?
Ні. Spaceberry Community — безкоштовна спільнота в Telegram, яку підтримує громадська організація Spaceberry Foundation, що працює не для прибутку. Щоб приєднатися, достатньо акаунта в Telegram. Усередині — 1504 дизайнери, обговорення робіт і регулярні дизайн-ігри: однакове завдання для всіх, дедлайн і голосування спільноти.
Брендбук — на фідбек
Приєднуйтеся до 1504 дизайнерів, які вчаться, діляться роботами й грають у дизайн-ігри. Покажіть свій брендбук і дізнайтеся, чи ним зручно користуватися.
- Безкоштовно
- 1504 учасники
- Вхід за 1 клік
Оновлено · Spaceberry Foundation
Джерела:
- Nielsen Norman Group — Design Systems 101
- Nielsen Norman Group — The Four Dimensions of Tone of Voice
- NASA — Graphics Standards Manual NHB 1430.2 (1976), PDF
- Dropbox — Brand Guidelines
- Spotify for Developers — Design & Branding Guidelines
- Figma Learn — Guide to styles in Figma
- Figma Learn — Guide to libraries in Figma