DESIGN SYSTEM

Фирменный стиль Ibri

Палитра, типографика и компоненты. Версия 1.0

01

Палитра

Четыре цвета с этикетки + два технических. Никаких градиентов.

ОСНОВНОЙ
Indigo
#1F1B4A
АКЦЕНТНЫЙ
Terracotta
#C75A2E
ДЕКОРАТИВНЫЙ
Gold
#C99858
ФОН
Cream
#FAF4E8
МЯГКИЙ ФОН
Sand
#FAEEDA
ПРОДУКТ
Bottle Brown
#5B3A2A
КОГДА ЧТО ИСПОЛЬЗОВАТЬ
Indigo — текст, кнопки, тёмные секции. Главный «голос» бренда.
Terracotta — hero, акцентные секции, бейджи, ссылки.
Gold — декоративные «усики», иконки, тонкие линии. Никогда не для текста на cream.
Cream / Sand — фон страниц и карточек.
02

Типографика

Три шрифта: Manrope — заголовки и «Ibri», Cormorant Garamond — курсивные акценты и «By Severin», Inter — параграфы.

MANROPE · ОСНОВНОЙ
Заголовок H1
48px · weight 500 · letter-spacing -1.5px · line-height 1.05
Заголовок секции H2
32px · weight 500 · letter-spacing -0.5px
Заголовок карточки H3
18px · weight 500
МЕТКА · LETTER-SPACING
11px · weight 400 · letter-spacing 3px · uppercase · цвет terracotta
CORMORANT GARAMOND · АКЦЕНТНЫЙ
не приходится объяснять
Используется в заголовках как контрастный фрагмент
By Severin
Подпись · золотой цвет · как на этикетке
INTER · ПАРАГРАФЫ
Основной текст. Газировка с пряным акцентом — без концентратов и искусственных ароматизаторов. Используется для всего объёмного текста, включая описания, отзывы и подписи.
15px · weight 400 · line-height 1.7
03

Декоративные элементы

«Усики»-разделители и волновой паттерн «сейгайха» с этикетки.

«УСИКИ» — РАЗДЕЛИТЕЛИ СЕКЦИЙ
МЕЖДУ СЕКЦИЯМИ
ВНУТРИ HERO И НАД ЗАГОЛОВКАМИ
Та же логика, что вокруг «ИМБИРНЫЙ» на этикетке. Длина и направление меняются, элементы те же: линия — точка — текст — точка — линия.
ПАТТЕРН «СЕЙГАИХА»
Тонкий фон цветных секций.
Прозрачность 8–18%. На терракоте и индиго работает по-разному.
04

Кнопки и ссылки

Три типа. Основная — на индиго или терракоте.

PRIMARY
Купить на Озон →
Главное действие. Только одна на экран.
ACCENT
Купить →
Для sticky-бара мобильной версии и тёмных секций.
OUTLINE
К продукту
Второстепенное действие рядом с primary.
ТЕКСТОВЫЕ ССЫЛКИ
05

Карточки

Три типа. Базовая, с золотым акцентом сверху и тёмная.

BASIC
Базовая карточка

Белый фон, тонкая граница, прямые углы. Контент любой.

ACCENT TOP
С золотом сверху

Для принципов и важных блоков. Сверху — золотая линия-акцент.

DARK
Тёмная карточка

Для контрастных вставок: «Чего нет», CTA, философия.

06

Правила бренда

Что делать и чего избегать.

ДА
Плоские фоны без градиентов
«Усики» между секциями
Курсив с засечками для акцентов
Терракот и индиго в больших блоках
Воздух между элементами
НЕТ
Тени и градиенты
Стоковая графика «здорового образа»
Эмодзи и яркие иллюстрации
Курсив для всего подряд
Заглавные буквы в основном тексте
ПРИЛОЖЕНИЕ

Философия визуального языка

Контекст, в котором живёт дизайн Ibri. Подробное описание принципов, традиций и смысловых слоёв.

Стиль и визуальный язык

Дизайн Ibri можно охарактеризовать как современный минимализм с восточным акцентом — на стыке скандинавской типографической дисциплины, японской декоративной графики (seigaiha-волны) и эстетики premium craft-напитков нулевых-двадцатых годов. Это editorial design — дизайн в духе журнальных обложек и каталогов галерей, где композиция строится на типографике, воздухе и точных пропорциях, а не на иллюстрации.

Этикетка работает в логике трёхчастной композиции — приём, известный со времён модернистской типографики (Ян Чихольд, школа Баухаус) и доведённый до изящества в швейцарском стиле: чёткая горизонтальная сетка, где каждая зона несёт свою функциональную и эмоциональную нагрузку. Верх — идентичность, центр — продукт, низ — характер.

Цветовая палитра отсылает к традиции японской керамики и текстиля: приглушённый персиммон (хурма) — цвет, который встречается на старых лаковых шкатулках и кимоно эпохи Эдо. Глубокий сине-фиолетовый — пигмент, известный как «murasaki», исторически связанный с благородством. Тёплое золото и кремовый — нейтральные ноты, дающие воздух. Это не яркие маркетинговые цвета — палитра намеренно сдержанная, «дорогая», ближе к арт-объекту, чем к массовому продукту.

Что выражает дизайн

Этикетка транслирует несколько смысловых слоёв:

Ремесленность и авторство. Подпись «By Severin», ручная иллюстрация имбиря золотым контуром, отсутствие крикливых маркеров «натуральный!», «новинка!» — всё это сигналы продукта, сделанного человеком, а не корпорацией. Это эстетика craft-движения: вино мелких хозяйств, ремесленный кофе, авторский чай. Покупатель такого продукта платит не за функцию (напиток), а за историю и фигуру автора.

Покой и созерцание. Волны-сэйгайха в верхней зоне — древний японский орнамент, символизирующий спокойное море, удачу и непрерывность. Они здесь работают не как декорация, а как настроение: рассматривая этикетку, человек замедляется. Это противоположно энергетике энергетиков или газировок, где всё кричит и двигается. Здесь дизайн шепчет.

Уверенность через типографику, а не через громкость. Слово «ИМБИРНЫЙ» во всю ширину — это жест уверенности: «нам не нужно ничего объяснять, мы просто называем вещь». Так делают премиум-бренды, которые не убеждают, а констатируют. Сравни с обычной этикеткой, где будут восклицания и обещания — здесь только имя продукта, как название главы в книге.

Восток как культурный код, а не экзотика. Японский орнамент здесь используется тонко — не как «о, смотрите, это восточный напиток», а как часть универсального дизайнерского словаря. Так же современные европейские бренды (Aesop, MUJI, Le Labo) интегрируют восточные принципы — wabi-sabi, ma (пустота), kanso (простота) — не превращая продукт в этнический сувенир.

Философия

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

Меньше значит больше. Минимализм здесь — не отсутствие, а выбор. Каждый элемент на этикетке несёт смысл: имбирь объясняет вкус, золотые точки создают ритм, волны намекают на культурную глубину, подпись персонализирует. Ничего лишнего, но и ничего не урезано.

Продукт как объект. Этикетка спроектирована так, что бутылка с ней может стоять на кухне как декор. Это эстетика «объекта, который не стыдно показать» — характерная для брендов вроде Graza (оливковое масло), Haus (аперитивы), Fishwife (консервы). Они продают не еду, а образ жизни.

Молчаливое качество. Дизайн не доказывает свою премиальность ярлыками «luxury», «premium», «artisanal» — он сам по себе является доказательством. Это работает как с дорогой одеждой без логотипов: те, кто понимает, считывают код; те, кто не понимает — не целевая аудитория.

Уважение к покупателю. На этикетке нет инструкций, восклицаний, обращений «попробуйте сейчас!». Дизайн предполагает, что человек способен сам разобраться — это уважительный тон, который встречается в книгах хорошего издательства, а не в супермаркете.