Yakitori: дизайн бренда

01О клиенте

Yakitori · Asian Food - ресторан азиатской кухни в Баку, четвёртый этаж Sevinc Mall. Когда мы взяли проект, у компании были только название и логотип. Всего остального - палитры, типографики, графического языка, правил вёрстки, единых контактных данных - не существовало. Дальше нужно было сделать сайт, печатное меню и флаер, а это три разные технологии печати и экрана. Без общей системы они разошлись бы уже на втором продукте.

02Что сделали

• Собрали палитру из двух тем. Светлая «бумага» - кремовый фон, тёмная краска, красный акцент и золотые волоски: сайт и внутренние листы меню. Тёмная «ночная» - тёмно-коричневый фон, кремовый текст, золото и красный поверх: флаер целиком, обложка меню, шапка и подвал каждого листа, шапка и первый экран сайта. Разделение осознанное: светлая тема это меню-карта, тёмная - обложка.
• Задали типографику из трёх гарнитур и закрепили за каждой роль: Montserrat на всём «интерфейсном» - заголовки, названия позиций, цены, ярлыки, телефон; Manrope на строчном тексте - составы блюд и описания; Noto Sans JP только на японских вставках. Правило системы: капс всегда Montserrat с разрядкой, Manrope только строчный - у него узкие высокие прописные, вплотную они слипаются.
• Проверили покрытие глифов по самим файлам шрифтов, а не по документации, и нашли четыре дыры. Две критические: азербайджанской буквы Ə и знака маната в Manrope физически нет. Отсюда два правила бренда, действующие во всех трёх продуктах: цены набираются только Montserrat, а у Manrope вторым шрифтом в цепочке стоит Montserrat того же веса - он и дорисовывает Ə. Значка телефона нет ни в одной из трёх гарнитур, поэтому трубка в меню нарисована векторным контуром, а не символом.
• Закрепили правило азербайджанского регистра: обычное преобразование в верхний регистр даёт i вместо İ, поэтому все строки, которые выводятся капсом, лежат в источниках уже заглавными. Это касается и сайта, и обоих печатных макетов.
• Описали графический язык: эмблема, чёрная плашка с красной линией и золотыми надписями, узор сэйгайха, фон из листьев момидзи, золотая рамка по периметру, ватермарк-иероглиф, красный бейдж цены со знаком маната, монета-цена, круглое фото в белой рамке с золотым волоском, наклонённый полароид, круглая печать-ханко, угловая скобка при каждом заголовке, зерно бумаги и пунктирный лидер в прайс-строке. У каждого приёма прописано, в каком продукте он применяется и какими значениями задан.
• Свели контактные данные в один справочник: телефон, адрес на двух языках, часы работы и координаты. До этого значения жили в трёх макетах независимо и успели разойтись - в частности, на сайте были прописаны две разные географические точки.
• Написали технический бренд-файл: не настроенческий брендбук, а справочник с точными значениями, путями и командами - какими весами набран каждый элемент, какие цвета у каждой темы, где лежат шрифты, чем проверяется макет и какие грабли уже случались. По нему стиль воспроизводится точно, а не «на глаз», в том числе подрядчиком, который проект раньше не видел.

03Как это выглядит на практике

Система проверяется тем, что из неё выводятся решения, а не тем, что она красиво описана. Пример: правило текста позиции - три ингредиента и больше идут списком через запятую, меньше трёх заменяются коротким описанием. Оно одинаково работает и в меню на 68 позиций, и во флаере на шесть, поэтому названия блюд на разных носителях выглядят одинаково, хотя верстались в разное время и разными макетами.

Второй пример - проверяемость. Типографику нельзя принимать на вид: шрифт назначен, всё «работает», а отдельного глифа в нём нет, и браузер молча дорисовывает его системным шрифтом - своим на каждой машине, а в печатном PDF это чужой вшитый кусок. Поэтому в системе есть не только правила, но и способ их проверить: скрипт спрашивает у браузера, каким реальным шрифтом отрисован каждый текстовый узел, и ловит подстановку до того, как макет уйдёт в печать.

04Что осталось у клиента

Логотип и название были у ресторана до нас, и мы их не трогали - система строилась вокруг них. Всё остальное - две темы, типографика с правилами и ограничениями, графический язык, комплект шрифтовых файлов, единые контактные данные и технический справочник - сделано в рамках проекта и передано клиенту вместе с макетами.

05Сроки и процесс

Общая работа над стилем шла с 10 по 18 августа 2026 года. Система складывалась вместе с продуктами: то, что находилось на одном из них, тут же становилось правилом для остальных двух. К 18 августа она была сведена и зафиксирована в бренд-справочнике целиком.

Технологии