Брендбук
Руководство по использованию логотипа и фирменного стиля. Основа — печатный брендбук студии CMYK.design. Здесь он дополнен тем, что нужно сайту: вечерней тёмной темой, состояниями интерфейса и правилами для трёх языков.
Раздел 01
Суть бренда
Spot — городское кафе полного дня. С завтрака до позднего ужина, по честной цене.
Почему именно это
Аудит рынка кофеен Алматы по 675 карточкам 2GIS дал три вывода, на которых держится вся коммуникация.
| Факт | Значение |
|---|---|
| Средний чек флагмана Spot при рейтинге 4,9 | 4 500 ₸ |
| Средний чек Coffee BOOM при рейтинге 4,77 | 7 000 ₸ |
| Разница в цене при сопоставимом рейтинге | в 1,6 раза |
| Доля рынка с рейтингом 4,8 и выше | 68 % |
| Рабочий день флагмана | 08:00–23:00, 15 часов |
Соотношение цены и качества — главное измеримое преимущество. Spot держит рейтинг 4,9 при чеке, который в полтора раза ниже, чем у заметного конкурента с более низкой оценкой. Это единственное отличие, подтверждённое цифрами.
Высокий рейтинг сам по себе отличием не является. Его держат две трети рынка. Поэтому мы никогда не строим сообщение вокруг «у нас лучшее качество».
Длинный день покрывает четыре сегмента из пяти. С 08:00 до 23:00 успевают зайти и на завтрак, и на обед, и на ужин, и на вечернюю встречу.
Чего мы не заявляем. Spot не работает круглосуточно. Рабочий день флагмана — 08:00–23:00, на 11 микрорайоне — 08:00–22:00, третья точка ещё не открылась. Ни один макет не должен обещать «24/7».
Обещание
Приходи, когда удобно, — и заплати столько, сколько это стоит на самом деле.
Три ценности
Честная цена. Мы не берём премию за вывеску. Рейтинг 4,9 при чеке 4 500 ₸ — это то, за что к нам возвращаются.
Полный день. Завтрак в восемь, обед в час, ужин в одиннадцать. Одно место на все поводы.
Городская среда. Spot — часть Алматы. Место, куда заходят по дороге, а не едут специально.
Что делаем и чего не делаем
Делаем
- Показываем реальные часы работы
- Называем цену прямо
- Держим кухню открытой до закрытия
- Публикуем настоящие отзывы из 2GIS
- Пишем «скоро откроется», пока филиал не открыт
Не делаем
- Не пишем «работаем допоздна» без цифр
- Не прячем чек за «от 990 ₸»
- Не сворачиваем меню за час до конца
- Не пишем отзывы сами
- Не показываем адрес как работающий
Раздел 02
Аудитория
Пять сегментов, распределённых по рабочему дню с 08:00 до 23:00.
| Сегмент | Когда приходит | Что важно | Как говорим |
|---|---|---|---|
| Вечерний социальный | 18:00–23:00 | Атмосфера, приличные фото, возможность сидеть долго | «Столы бронируются. Событие в четверг» |
| Утренний офисный | 08:00–11:00 | Скорость, стабильный вкус, кофе с собой | «Завтраки с 08:00. Кофе с собой — за две минуты» |
| Обеденный офисный | 12:00–15:00 | Уложиться в час и не переплатить | «Обед за 45 минут. Средний чек 2 500 ₸» |
| Удалёнщики | 10:00–12:00, 15:00–17:00 | Розетки, Wi-Fi, тишина, отсутствие давления | «Розетки у каждого стола. Сидите сколько нужно» |
| Поздний ужин | 21:00–23:00 | Кухня ещё работает, а не «остался только кофе». Успеть до закрытия | «Кухня до 23:00. Успеете» |
Раздел 03
Голос бренда
Спокойно и уверенно. Мы не кричим. Факт сильнее восклицательного знака.
Конкретно. Цифры, часы, адреса. «Открыто до 22:00» вместо «работаем допоздна».
По-человечески. Пишем так, как говорит бариста, а не отдел маркетинга.
Без превосходных степеней. Если утверждение нельзя проверить — не пишем его.
Так говорим — так не говорим
Так говорим
- Открыто до 23:00
- Завтраки с 08:00
- 4,9 из 5 при 678 отзывах в 2GIS
- Кухня до 23:00. Успеете
- 4,9 при среднем чеке 4 500 ₸
- Сейчас 21:40. Мы ещё открыты
- Вечер Шамши Калдаякова, 22 августа, 19:00
- Стол бронируется в WhatsApp
Так не говорим
- Ждём вас в уютной атмосфере
- Вкусные завтраки на любой вкус
- Лучшее кафе Алматы
- Работаем допоздна
- Демократичные цены
- СУПЕР АКЦИЯ! Только сегодня!!!
- Незабываемый музыкальный вечер
- Оставьте заявку, и мы вам перезвоним
Правила для казахского языка
Казахский — равноправный язык, а не перевод. В интерфейсе он набран тем же шрифтом, того же размера и веса, что русский и английский.
- Пишем живым языком. Не переводим русскую фразу слово в слово. «Завтрак в восемь. Ужин в одиннадцать» → «Сағат сегізде — таңғы ас. Он бірде — кешкі ас».
- Проверяем специфические буквы — ә, ғ, қ, ң, ө, ұ, ү, һ, і.
- Не смешиваем алфавиты. Русская «і» вместо казахской — ошибка.
- Термины оставляем как есть. «Латте», «капучино», «бранч» не переводим.
Раздел 04
Логотип
Логотип SPOT отражает стиль современного городского кафе: плавные линии и геометрия символизируют движение и ритм мегаполиса, а точка завершает композицию уверенностью. Он одновременно строгий и дружелюбный, что делает бренд узнаваемым и располагающим для гостей.
Графика построена на контрасте мягкости и уверенности: округлые формы создают дружелюбный образ, а чёткие линии добавляют строгости и премиальности. Надпись «city cafe» служит уточнением и подчёркивает позиционирование бренда как стильного городского пространства.
Ключевая деталь — лигатура «p» и «o». Стойка буквы «p» перетекает в замкнутую петлю. Эта петля читается как точка-spot на карте — место, куда приходят. Её мы используем отдельным знаком.
Варианты
logo/spot-logo.svglogo/spot-logo-inverse.svglogo/spot-mark.svglogo/favicon.svgОхранное поле
За основу принят квадрат 50 × 50 пикселей. Минимальное расстояние от логотипа до любых изображений, текста или декоративных элементов должно соответствовать этой величине.
Минимальный размер
| Носитель | Минимум по ширине |
|---|---|
| Экран, полный логотип | 90 px |
| Экран, только знак | 24 px |
| Печать, полный логотип | 25 мм |
| Печать, только знак | 8 мм |
Ниже этих значений надпись «city cafe» становится нечитаемой — используйте знак.
Чего с логотипом делать нельзя
Также нельзя: заключать в рамку, пересобирать надпись «city cafe» другим шрифтом и разрывать лигатуру «po».
Раздел 05
Цвета
Фирменная палитра построена на сочетании контрастных и нейтральных оттенков. Чёрно-белая база подчёркивает современность, а оранжевый добавляет эмоциональный акцент. Нажмите на образец, чтобы скопировать HEX.
Основная палитра
Главное правило по оранжевому. Чистый #F7931E на белом даёт
контраст 2,3:1 — это ниже любого порога читаемости. Фирменный оранжевый годится только
для заливок, плашек и графики.
Текст на оранжевой плашке — всегда чёрный #0A0909 (8,7:1).
Оранжевый текст на светлом — #9F5F13 (4,5:1).
На тёмном — #FBAE4E (8,6:1). Тон сохраняется: H = 32°, S = 88 %.
Дневная тема · 07:00–19:00
| Роль | HEX | Контраст | Оценка |
|---|---|---|---|
| Фон страницы | #FBFAF8 | — | — |
| Поверхность карточки | #FFFFFF | — | — |
| Утопленный фон | #F2F1ED | — | — |
| Основной текст | #0A0909 | 19,1:1 | AAA |
| Приглушённый текст | #5C5A57 | 6,1:1 | AA |
| Мелкий служебный текст | #706D69 | 4,6:1 | AA |
| Граница | #E6E6E6 | — | — |
| Акцент — текст и ссылки | #9F5F13 | 4,5:1 | AA |
| Акцент — заливка | #F7931E | 2,3:1 | не для текста |
Ночная тема · 19:00–07:00
| Роль | HEX | Контраст | Оценка |
|---|---|---|---|
| Фон страницы | #0A0909 | — | — |
| Поверхность карточки | #151413 | — | — |
| Приподнятая поверхность | #1D1B1A | — | — |
| Основной текст | #F5F4F2 | 18,1:1 | AAA |
| Приглушённый текст | #A8A5A1 | 6,5:1 | AA |
| Мелкий служебный текст | #8B8882 | 4,5:1 | AA |
| Граница | #2A2826 | — | — |
| Акцент — текст и ссылки | #FBAE4E | 8,6:1 | AAA |
Служебные цвета
Раздел 06
Типографика
Основной шрифт — NauryzRedKeds. Используется для ключевых элементов фирменного стиля: логотипа, заголовков и акцентов. Именно им набран логотип.
Дополнительный — Montserrat. Применяется в тексте и информационных блоках.
Что из этого на сайте. Весь текст набран Montserrat. Причина техническая и честная: NauryzRedKeds — не свободный шрифт, его нельзя выложить в открытую папку сайта, не нарушив лицензию. Фирменный характер сохраняется там, где он и живёт, — в логотипе, который лежит векторным SVG и набран настоящим NauryzRedKeds.
Если у сети есть веб-лицензия на NauryzRedKeds, файлы кладутся в assets/fonts/,
и в tokens.css добавляется переменная --font-display для заголовков.
Остальной текст остаётся на Montserrat — так предписывает печатный брендбук.
Казахские символы
Montserrat подключён локально, без внешних загрузок: три начертания (400, 600, 800) в подмножествах latin, cyrillic и cyrillic-ext. Казахские буквы входят в оба кириллических подмножества — оба подключены.
Шкала размеров
Размеры заданы через clamp() — плавно тянутся от 360 px до 1440 px без скачков.
Правила набора
- Заголовки — не более трёх строк,
text-wrap: balance - Основной текст — не шире 62 символов в строке
- Описание блюда в карточке — две строки с многоточием, полностью раскрывается в модалке
- Капслок только для микро-надписей: бейджи, надзаголовки, подписи полей
- Цены — табличные цифры, разделитель тысяч неразрывный пробел, копейки не пишем
- Не растягиваем и не сжимаем шрифт искусственно
Раздел 07
Фотостиль
Что снимаем
- Настоящие блюда из своего меню — та же посуда, та же порция
- Руки в кадре: бариста наливает молоко, гость берёт чашку
- Пар над чашкой — доказательство, что напиток горячий
- Вечерний свет, отражения в окне, город за стеклом
- Живые лица гостей — с их согласия
Чего не делаем
- Стоковая пластиковая еда, которой нет в меню
- Пересвеченные кадры с выбитыми белыми пятнами
- Чужие фото: из поиска, у конкурентов, из соцсетей
- Тяжёлые фильтры и «инстаграмная» насыщенность
- Кадры, где порция заметно больше реальной
Вечерняя съёмка
Вечер — половина рабочего дня, поэтому вечерние кадры снимаем отдельно и намеренно.
- Источник света — тёплый и один. Настольная лампа, лампа над баром, витрина. Верхний свет убивает вечернее настроение.
- Тени оставляем. Вечерний кадр имеет право быть тёмным.
- Баланс белого — в тепло, 3000–3500 K. Холодный кадр читается как больничный.
- В кадр попадает окно или улица. Это доказывает, что снаружи вечер, а внутри ещё работают.
- Показываем время. Часы на стене, тёмное окно, вечерний город.
Технические требования
| Параметр | Значение |
|---|---|
| Соотношение сторон, меню | 4:3 |
| Разрешение, меню | 1000 × 750 px |
| Формат | WebP + JPEG (запасной) |
| Вес одного файла | до 150 КБ |
| Имя файла | images/menu/{id}.jpg — id из листа «Меню» |
| Загрузка | loading="lazy", decoding="async" |
| Alt | Обязателен, на текущем языке |
Фиксированное соотношение сторон обязательно: без него при загрузке вёрстка прыгает.
Раздел 08
Применение
Фирменный паттерн
Паттерн основан на плавных изогнутых линиях, которые повторяют эстетику букв в логотипе. Эти линии создают ощущение движения и ритма мегаполиса. Графика перекликается со шрифтовыми формами логотипа: такая же извилистая, мягкая и пластичная. Благодаря этому паттерн становится частью единой визуальной системы, а не просто украшением.
- Толщина линии 1,5 px при ширине макета 1200 px, масштабируется пропорционально
- Прозрачность на фоне — не выше 12 %, иначе паттерн спорит с текстом
- Никогда не кладём текст поверх плотного участка паттерна
- Цвет линий — только чёрный или белый, не оранжевый
Носители
Визитка
Чёрная сторона — инверсный логотип по центру. Светлая — адрес, QR и паттерн бледной подложкой.
Шоппер
Крупный логотип по центру, паттерн по нижнему полю.
Стаканчик
Паттерн по всей поверхности, логотип в центральной зоне, знак на крышке.
Термос
Только знак, гравировка или тиснение.
Свитшот
Логотип на груди слева, знак на спине крупно.
Вывеска
Инверсный логотип, контражурная подсветка. Ночью читается — это принципиально.
Фартук
Знак на нагруднике, один цвет.
Цифровые форматы
| Формат | Размер | Правила |
|---|---|---|
| Пост Instagram | 1080 × 1080 | Логотип в углу, охранное поле соблюдено. Одно сообщение на пост |
| Пост-карусель | 1080 × 1350 | Первый слайд — заголовок, остальные — раскрытие |
| Сторис | 1080 × 1920 | Текст в центральных 80 % кадра, не под интерфейсом |
| Афиша события | 1080 × 1350 | Дата и время крупно. Филиал обязателен |
| Обложка Open Graph | 1200 × 630 | Чёрный фон, белый логотип, оранжевая черта |
| Аватар | 512 × 512 | Только знак в скруглённом квадрате |
Тон дня и вечера в макетах
Дневной макет — светлая бумага, чёрный текст, оранжевый акцент точечно. Вечерний — чёрный фон, белый текст, оранжевый акцент со свечением. Вечерний макет используется для всего вечернего: постов после 19:00, афиш событий, вывески. Тема на сайте переключается по времени Алматы автоматически — это оформление, а не заявление о часах работы.
Раздел 09
Что нельзя
Короткий список, который защищает бренд от размывания.
- Не писать недоказуемое. «Лучшее кафе Алматы», «уникальная атмосфера», «непревзойдённый вкус» — под запретом. Пишем то, что можно проверить.
- Не выдумывать отзывы. Отзывы берутся только из 2GIS, с именем автора и датой.
- Не менять логотип. Ни цвет, ни пропорции, ни шрифт надписи, ни лигатуру.
- Не ставить оранжевый текст на белый. 2,3:1 — нечитаемо.
Только затемнённый
#9F5F13. - Не использовать чужие фото. Ни у конкурентов, ни из поиска. Только свои или со свободной лицензией.
- Не заявлять «халяль», пока это не подтверждено. Столбец
is_halalзаполняется только по факту сертификации. - Не обещать часы, которые не выдерживаем. Если филиал закрылся раньше — правим Excel в тот же день.
- Не переводить казахский дословно. Живой язык или ничего.
- Не строить коммуникацию вокруг рейтинга. 4,8+ держат 68 % рынка. Это не отличие.
- Не заявлять круглосуточность. Spot работает с 08:00 до 23:00. Ни один макет, пост или вывеска не должны обещать «24/7».
- Не показывать неоткрытый филиал как работающий. Пока в
menu.xlsxстоитcoming_soon = да, у точки нет ни часов, ни брони, ни рейтинга.