Контраст и читаемость, чтобы «не слепить»

Экран: текст ≥ 4.5:1, крупные заголовки ≥ 3:1.

Печать: тонкая бумага любит темнее — затемните текст на 5−10%.

Наружка/интерьер: считайте размер букв от дистанции (≈ 1.5−2мм на метр). Матовые материалы читаются лучше глянца.

Тест за минуту: уменьшите макет до 10−15% - кнопка и цена всё ещё заметны? Распечатайте на обычном принтере — мелкий текст не «плывёт»?

Полный набор для web, печати, соцсетей, мерча и интерьера: палитра, типографика, логотипы (цвет/моно/инверсия), шаблоны постов и слайдов, правила для упаковки и наружки. Напишите: «Нужен брендбук», и мы поможем создать визуальную идентичность, которая будет работать на вас!

Сделаем для вас мини-брендбук

Палитра 360° — без теории

Что нужно:

Base — главный фирменный (для заголовков, плашек).

Accent — для CTA и выделения.

Neutrals — тёмный для текста, пара средних для фонов/границ, очень светлый для подложек.

Semantic (по желанию) — Success/Warning/Error для интерфейсов и этикеток.

Один цвет — три представления:

HEX/RGB (экраны) · CMYK (печатка) · Pantone/Spot (упаковка, мерч, вывеска).

Tech Calm: Base #1C2230, Accent #05C2AA, Neutrals #0B1220 / #2A3244 / #8C97A8 / #F3F5F8

Premium Trust: Base #0F172A, Accent #CFA66B, Neutrals #111111 / #2E2E2E / #9A9A9A / #F5F5F5

Быстрые пресеты (скопируйте и тестируйте):

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

Суть в одном абзаце. Возьмите 1 фирменный цвет, 1 акцент и 3−4 нейтрали. Проверьте читаемость на экране, в печати и в пространстве (вывески/интерьер). Выберите 1−2 шрифта с кириллицей и пропишите системные замены. Зафиксируйте всё в мини-брендбуке.

Шрифты: один «универсал» или простая пара

Один вариативный шрифт или пара: заголовки + текст.

Обязательно: кириллица и fallback (системные замены).

Оптимально:

Manrope (всё).

Inter (текст) + Montserrat (заголовки).

Премиум-печать: Cormorant Garamond (крупные заголовки) + Manrope (остальное).

Рабочие варианты:

Диджитал: Body основной текст 16−18 px, LH межстрочный интервал 1.5−1.7; H1 заголовок 1-го уровня 40−56 px.

Презентации: Body 18−22 pt; заголовки 36−44 pt (проектор «съедает» тонкие начертания).

Печать А4: Body 10−11 pt, LH 1.4−1.6; обратка (белый по тёмному) — не меньше 8 pt.

Размеры по каналам:

Где это живёт: 4 ключевые зоны

Цифра (сайт/приложение/соцсети): один стиль CTA, состояния hover/active/focus/disabled.

Документы и слайды: 6−8 мастер-шаблонов; графики в нейтралях + семантика вместо «радуги».

Печать и упаковка: профиль CMYK + Pantone-таблица; тестовая печать обязательна.

Мерч/интерьер/наружка: моно-версии логотипа, матовые материалы, проверка читаемости с дистанции.

Частые ошибки

Палитра только в HEX. Добавьте CMYK/Pantone.

Нет замены шрифта. Пропишите fallback — чужие ПК «не ломают» верстку.

Акцент «ядовитый». Уменьшите насыщенность на 5−10% (сторис/глянец).

Слишком много цветов в графиках. Оставьте акцент + нейтрали + семантику.

Цвета и шрифты без боли: как быстро собрать палитру и не «ослепить» клиентов