Бренд-гайдлайн

Визуальный язык Zylora

Публичный гайдлайн для партнеров, дизайнеров и авторов. Единый стандарт для сохранения визуальной целостности бренда в любых носителях.

Визуализация бренд-бука Zylora с примерами типографики

01. Логотип и отступы

Логотип Zylora — это типографическая марка, набранная шрифтом Manrope с увеличенным трекингом. Основная версия — черная на светлом фоне. Инверсная версия (белая) используется на темных подложках и фотографиях.

Зона чистоты (Clear Space): Вокруг логотипа должно соблюдаться свободное пространство, равное высоте буквы «Z» в логотипе. В эту зону не должны попадать другие графические элементы, текст или границы макета.

Минимальный размер: Для цифровой печати — 120px в ширину. Для полиграфии — 30мм. Ниже этих значений читаемость текста нарушается.

Основная версия (Black)

Инверсная версия (White)

02. Цветовая палитра

Наша палитра строится на контрасте монохрома и одного яркого акцентного цвета. Это обеспечивает чистоту восприятия и фокус на контенте.

Zylora Black

Основной текст, заголовки

HEX: #0A0A0A RGB: 10, 10, 10

Paper White

Фон, негативное пространство

HEX: #F4F4F0 RGB: 244, 244, 240

Electric Yellow

Акцент, CTA, маркеры

HEX: #FFD600 RGB: 255, 214, 0

Neutral Gray

Вторичный текст, линии

HEX: #888888 RGB: 136, 136, 136

03. Шрифтовые пары

Типографика Zylora сочетает классическую эстетику и современный функционализм. Мы используем две гарнитуры для создания иерархии.

Заголовки

Playfair Display

А Б В Г Д
Аа Бб Вв
0 1 2 3 4 5

Используется для H1, H2, H3. Придает тексту литературность и академичность.

Текст и UI

Manrope

А Б В Г Д
Аа Бб Вв
0 1 2 3 4 5

Используется для основного текста, кнопок и навигации. Обеспечивает высокую читабельность на экранах.

04. Верстка сетки

Фундаментом макетов является модульная сетка. Для десктопа используется 12-колоночная сетка, для мобильных устройств — 4-колоночная.

1
2
3
4
Контент 50%
Сайдбар 50%
Полная ширина (100%)

Отступы (Gutter)

Стандартный отступ между колонками — 2rem (32px).
Отступы по краям (Padding) — clamp(1rem, 5vw, 4rem).

Ширина строки

Оптимальная длина строки для чтения — 60-75 символов.
Максимальная ширина контейнера — 1280px.

Нужны исходники логотипа?

Оставьте заявку, и мы пришлем вам архив с векторными файлами и полным брендбуком.