Айдентика в соцсетях: аватары, обложки, шаблоны постов
Точные размеры для каждой площадки: таблица, которую нужно держать под рукой
Первая практическая ошибка — верстать дизайн «на глаз», а потом обрезать под платформу. Размеры разные, и если не учитывать их заранее, аватар превращается в кашу из логотипа, обрезанного пополам.
| Платформа | Аватар | Обложка | Пост |
|---|---|---|---|
| 110×110 px (круглый кроп) | — | 1080×1080 px (квадрат), 1080×1350 px (портрет) | |
| 170×170 px (ПК) / 128×128 px (мобильный) | 820×312 px | 1200×630 px | |
| ВКонтакте | 200×200 px | 1590×400 px (десктоп), видимая зона на мобильном — 1196×400 px | 1080×1080 px |
| TikTok | 200×200 px (круглый кроп) | — | 1080×1920 px (вертикальное видео) |
| 400×400 px | 1128×191 px (компания) | 1200×627 px |
Обложка ВКонтакте — классическая ловушка: файл 1590×400 px на мобильных устройствах показывается как 1196×400 px, а по краям остаётся «безопасная зона» примерно по 140 px с каждой стороны, которую съедает интерфейс. Если логотип или текст стоят у самого края — на телефоне их просто не видно.
Порядок фиксации элементов: с чего начинать, а что оставить на потом
Систему выстраивают не хаотично, а в строгой последовательности — иначе шаблоны постов придётся переделывать заново после того, как утвердят логотип или палитру.
- Цветовая палитра — основной и 1–2 акцентных цвета, без размытых градиентов «на все случаи».
- Типографика — одна гарнитура для заголовков, одна для текста, фиксированные размеры кегля под мобильный просмотр.
- Стиль фотографии/иллюстрации — светлая или контрастная съёмка, предметка или иллюстрации, единая обработка (фильтр, контраст, зернистость).
- Композиционная сетка — расположение логотипа, отступы, зона для текста на каждом типе носителя.
- Аватар и обложка — адаптация утверждённых элементов под круглый и прямоугольный кроп конкретной площадки.
- Шаблоны постов — 5 рабочих макетов, не больше, под конкретные задачи контент-плана.
Если начать с шаблонов постов, а палитру утверждать «по ходу», система разваливается на третьей неделе — новый пост просто не впишется в старую сетку.
Аватар и обложка: где именно теряют деньги на обрезке
Круглый кроп аватара — не формальность дизайнера, а причина половины провальных логотипов в профилях. Instagram и TikTok показывают аватар в круге 110×110–200×200 px, и если логотип квадратный или прямоугольный, углы просто срезаются.
- Не размещать текст или значимые детали логотипа ближе 10–15% от края круга — это первая зона обрезки.
- Для обложек проверять макет одновременно в десктопной и мобильной версии — то, что красиво по центру на ПК, у ВКонтакте на телефоне может улететь за пределы видимой зоны 1196×400 px.
- Не ставить важный текст (акции, слоган, номер телефона) в крайние 140 px обложки ВКонтакте — на мобильном это первое, что отрезается.
- Проверять аватар в уменьшенном виде 32×32 px — так он показывается в лентах и уведомлениях, и мелкий текст там нечитаем в принципе.
Тест на узнаваемость без логотипа
Есть простая проверка, которую пропускают почти все статьи о системности в брендинге: закройте логотип на пяти-шести последних постах бренда. Если аудитория всё равно узнаёт компанию по цвету, композиции кадра и характерному шрифту — система работает. Если без значка пост превращается в безликую картинку — бренд держится только на логотипе, а это хрупкая конструкция: любой конкурент с похожей цветовой гаммой перетянет внимание.
Узнаваемость строится на трёх вещах одновременно: ограниченной палитре, повторяющейся композиции (где всегда стоит текст, где всегда фото) и одной типографике. Именно поэтому в Instagram, где одновременно видно 12 постов в сетке профиля, рекомендуют не больше 3 цветовых схем — глаз должен считывать паттерн за секунду просмотра ленты. В Facebook и ВКонтакте, где пользователь видит один пост за раз в общей ленте новостей, допустимо расширить палитру до 5 вариантов без потери целостности.
Гайдлайн для соцсетей: минимальная структура для малого бизнеса
Полноценный брендбук на 80 страниц малому бизнесу не нужен и часто вредит — команда его просто не открывает. Рабочий гайдлайн для соцсетей укладывается в 6–8 страниц и фиксирует только то, что реально используется каждый день:
- Логотип: версии для светлого и тёмного фона, минимальный размер, зона отступов.
- Палитра: HEX-коды основного и акцентных цветов, без «примерно похожих оттенков».
- Шрифты: гарнитуры для заголовка и текста плюс запасной веб-шрифт, если фирменный не поддерживается платформой.
- Сетка постов: расположение логотипа, текстовый блок, отступы от края под мобильный просмотр.
- Tone of voice: 3–5 правил, как бренд говорит с аудиторией — короткие фразы лучше абстрактных «дружелюбный и экспертный».
- Примеры «правильно/неправильно» — визуальные образцы работают быстрее любого текстового описания.
Кейс магазина одежды во ВКонтакте показал: после внедрения единой сетки постов и оформления заявки выросли на 43%. Разница была не в качестве фотографий, а именно в системности — покупатель узнавал профиль в ленте до того, как прочитал название.
Одна платформа или кросс-платформенная система
Разница огромная, и её редко объясняют. Айдентика для одной платформы — это набор макетов под конкретные размеры и особенности именно этой соцсети: Instagram-сетка, TikTok-обложки видео. Кросс-платформенная система — это модульная конструкция, где логотип, палитра и композиционные принципы остаются едиными, а под каждую платформу адаптируется только формат и кроп.
Малому бизнесу, который ведёт 3–4 канала одновременно, кросс-платформенный подход выгоднее: дизайнер один раз собирает 5 рабочих шаблонов — пост, сторис, обложка для видео, баннер под акцию, карточка товара — и переиспользует их логику на каждой площадке, меняя только размер холста. Попытка сразу нарисовать 30 уникальных шаблонов под все платформы и форматы — типичная ошибка: половина макетов никогда не используется, а команда тонет в файлах вместо того, чтобы публиковать контент по графику.
Что фиксировать в первую очередь при переходе LinkedIn
Для B2B-сегмента отдельно стоит упомянуть LinkedIn: правильно оформленное фото профиля увеличивает просмотры страницы в 14 раз по сравнению с профилем без фото или со случайным снимком (данные Hootsuite/Buffer, 2026). Для компании это означает, что аватар нельзя оставлять «на потом» — это первый элемент, который влияет на конверсию из просмотра в подписку, ещё до того, как пользователь увидит хоть один пост.
Точные размеры для каждой площадки: таблица, которую нужно держать под рукой
Первая практическая ошибка — верстать дизайн «на глаз», а потом обрезать под платформу. Размеры разные, и если не учитывать их заранее, аватар превращается в кашу из логотипа, обрезанного пополам.
| Платформа | Аватар | Обложка | Пост |
|---|---|---|---|
| 110×110 px (круглый кроп) | — | 1080×1080 px (квадрат), 1080×1350 px (портрет) | |
| 170×170 px (ПК) / 128×128 px (мобильный) | 820×312 px | 1200×630 px | |
| ВКонтакте | 200×200 px | 1590×400 px (десктоп), видимая зона на мобильном — 1196×400 px | 1080×1080 px |
| TikTok | 200×200 px (круглый кроп) | — | 1080×1920 px (вертикальное видео) |
| 400×400 px | 1128×191 px (компания) | 1200×627 px |
Обложка ВКонтакте — классическая ловушка: файл 1590×400 px на мобильных устройствах показывается как 1196×400 px, а по краям остаётся «безопасная зона» примерно по 140 px с каждой стороны, которую съедает интерфейс. Если логотип или текст стоят у самого края — на телефоне их просто не видно.
Порядок фиксации элементов: с чего начинать, а что оставить на потом
Систему выстраивают не хаотично, а в строгой последовательности — иначе шаблоны постов придётся переделывать заново после того, как утвердят логотип или палитру.
- Цветовая палитра — основной и 1–2 акцентных цвета, без размытых градиентов «на все случаи».
- Типографика — одна гарнитура для заголовков, одна для текста, фиксированные размеры кегля под мобильный просмотр.
- Стиль фотографии/иллюстрации — светлая или контрастная съёмка, предметка или иллюстрации, единая обработка (фильтр, контраст, зернистость).
- Композиционная сетка — расположение логотипа, отступы, зона для текста на каждом типе носителя.
- Аватар и обложка — адаптация утверждённых элементов под круглый и прямоугольный кроп конкретной площадки.
- Шаблоны постов — 5 рабочих макетов, не больше, под конкретные задачи контент-плана.
Если начать с шаблонов постов, а палитру утверждать «по ходу», система разваливается на третьей неделе — новый пост просто не впишется в старую сетку.
Аватар и обложка: где именно теряют деньги на обрезке
Круглый кроп аватара — не формальность дизайнера, а причина половины провальных логотипов в профилях. Instagram и TikTok показывают аватар в круге 110×110–200×200 px, и если логотип квадратный или прямоугольный, углы просто срезаются.
- Не размещать текст или значимые детали логотипа ближе 10–15% от края круга — это первая зона обрезки.
- Для обложек проверять макет одновременно в десктопной и мобильной версии — то, что красиво по центру на ПК, у ВКонтакте на телефоне может улететь за пределы видимой зоны 1196×400 px.
- Не ставить важный текст (акции, слоган, номер телефона) в крайние 140 px обложки ВКонтакте — на мобильном это первое, что отрезается.
- Проверять аватар в уменьшенном виде 32×32 px — так он показывается в лентах и уведомлениях, и мелкий текст там нечитаем в принципе.
Тест на узнаваемость без логотипа
Есть простая проверка, которую пропускают почти все статьи о системности в брендинге: закройте логотип на пяти-шести последних постах бренда. Если аудитория всё равно узнаёт компанию по цвету, композиции кадра и характерному шрифту — система работает. Если без значка пост превращается в безликую картинку — бренд держится только на логотипе, а это хрупкая конструкция: любой конкурент с похожей цветовой гаммой перетянет внимание.
Узнаваемость строится на трёх вещах одновременно: ограниченной палитре, повторяющейся композиции (где всегда стоит текст, где всегда фото) и одной типографике. Именно поэтому в Instagram, где одновременно видно 12 постов в сетке профиля, рекомендуют не больше 3 цветовых схем — глаз должен считывать паттерн за секунду просмотра ленты. В Facebook и ВКонтакте, где пользователь видит один пост за раз в общей ленте новостей, допустимо расширить палитру до 5 вариантов без потери целостности.
Гайдлайн для соцсетей: минимальная структура для малого бизнеса
Полноценный брендбук на 80 страниц малому бизнесу не нужен и часто вредит — команда его просто не открывает. Рабочий гайдлайн для соцсетей укладывается в 6–8 страниц и фиксирует только то, что реально используется каждый день:
- Логотип: версии для светлого и тёмного фона, минимальный размер, зона отступов.
- Палитра: HEX-коды основного и акцентных цветов, без «примерно похожих оттенков».
- Шрифты: гарнитуры для заголовка и текста плюс запасной веб-шрифт, если фирменный не поддерживается платформой.
- Сетка постов: расположение логотипа, текстовый блок, отступы от края под мобильный просмотр.
- Tone of voice: 3–5 правил, как бренд говорит с аудиторией — короткие фразы лучше абстрактных «дружелюбный и экспертный».
- Примеры «правильно/неправильно» — визуальные образцы работают быстрее любого текстового описания.
Кейс магазина одежды во ВКонтакте показал: после внедрения единой сетки постов и оформления заявки выросли на 43%. Разница была не в качестве фотографий, а именно в системности — покупатель узнавал профиль в ленте до того, как прочитал название.
Одна платформа или кросс-платформенная система
Разница огромная, и её редко объясняют. Айдентика для одной платформы — это набор макетов под конкретные размеры и особенности именно этой соцсети: Instagram-сетка, TikTok-обложки видео. Кросс-платформенная система — это модульная конструкция, где логотип, палитра и композиционные принципы остаются едиными, а под каждую платформу адаптируется только формат и кроп.
Малому бизнесу, который ведёт 3–4 канала одновременно, кросс-платформенный подход выгоднее: дизайнер один раз собирает 5 рабочих шаблонов — пост, сторис, обложка для видео, баннер под акцию, карточка товара — и переиспользует их логику на каждой площадке, меняя только размер холста. Попытка сразу нарисовать 30 уникальных шаблонов под все платформы и форматы — типичная ошибка: половина макетов никогда не используется, а команда тонет в файлах вместо того, чтобы публиковать контент по графику.
Что фиксировать в первую очередь при переходе LinkedIn
Для B2B-сегмента отдельно стоит упомянуть LinkedIn: правильно оформленное фото профиля увеличивает просмотры страницы в 14 раз по сравнению с профилем без фото или со случайным снимком (данные Hootsuite/Buffer, 2026). Для компании это означает, что аватар нельзя оставлять «на потом» — это первый элемент, который влияет на конверсию из просмотра в подписку, ещё до того, как пользователь увидит хоть один пост.
Актуальные статьи
МегаФон, BMW, ВТБ и ещё 240+ компаний. Смотрите как это выглядит в шоуриле:
В наше брендинговое агентство обращаются, чтобы заказать:
