We Are Magnets

Визуальный
гайдлайн WAM

Стандарт визуального языка для социальных сетей сервиса

Версия 1.0 · Май 2026
02 · Цвета

Градиенты

Rose
образование, энергия, акцент
Blue
исследования, события, доверие
Gray
фон, второстепенные элементы

Базовые

#000000
#FFFFFF
#DD2330
#E7BEBE
#3564E7
#B4C8FF
#747474
#CAC9D4
Назначение. Rose — для образовательных каруселей, интервью, акцентных фонов, кнопок CTA. Blue — для исследований, интервью, анонсов событий. Gray — для фонов, плашек, второстепенных элементов. Чёрный и белый — базовые.
03 · Типографика

Основной шрифт — Inter. Допустимый fallback: системный sans-serif (SF Pro, -apple-system, Roboto).

Head 110
110px · ExtraBold 800 · line-height 0.9 · letter-spacing -3px
Head 90
90px · Bold 700 · line-height 0.9 · letter-spacing -2px
Subline 40
40px · SemiBold 600 · line-height 0.9
Subline 36
36px · Medium 500 · line-height 0.9
Text 30
30px · Regular 400 · line-height 1.1
Text 30 Bold
30px · SemiBold 600 · line-height 1.1
Правила. Весь текст — белый на тёмном фоне. Один заголовок — одна мысль. Максимум три уровня на слайде: заголовок → подзаголовок → микро-подпись (дата/рубрика). Заголовки без знаков препинания в конце.
04 · Форматы

Сквозные форматы контента для социальных сетей сервиса WAM Agent.

Имиджевые

Крупный текст, изображения с блюром, только цепляющие заголовки и микро-подписи дат/времени. Если картинки две — ко второй добавляется описание.

Пример 3
Пример 4

Образовательная карусель

Rose-градиент, нумерация страниц, крупный вопрос и компактный ответ. Формат «Вопрос — Ответ».

Пример карусели 5
Образовательная карусель

Интервью

Всегда две картинки. Первая — фото гостя с подписью имени и описания + логотип, под надписью градиентное затемнение. Вторая — цитата + рубрика + месяц/год.

Пример интервью 7
Пример интервью 8

Inside WAM

Скриншоты реальных чатов на тёмном фоне. Минимум оформления — максимум пользы.

Заголовок
Пример Inside WAM 9

Горизонтальные

Для исследований, анонсов и других форматов. Темы и месяц — в скруглённых рамочках. Поверх фото — градиент. Используются стрелочки.

Пример горизонтальный 10
Пример горизонтальный 11
Пример горизонтальный 12
Гибкость. Решения могут меняться в зависимости от композиции, желаемого эффекта и читабельности. Форматы можно комбинировать.
05 · Рубрики

Постоянные разделы. Рубрика указывается в скруглённой рамочке в углу макета.

разговоры с лидерами индустрии интервью с экспертами
inside wam скриншоты работы агента
wam research обзоры и аналитика
новости актуальное из индустрии
тренды на рынке рыночная аналитика
взгляд изнутри рубрика AI-агента Василисы
Оформление. Скруглённая рамочка, обводка 1px, полупрозрачный текст, без заливки. Рамка подгоняется под размер слова. Расположение — в углу макета.
06 · Изображения

Иногда это живые фото, а иногда генерации. Избегаем клише с роботами и стоковых изображений.

Живые фото

Реальные люди, пространства, процессы. Без постановочных поз.

Генерации

Допустимы, если не обманчиво имитируют реальность. Без роботов, киборгов, светящихся мозгов.

Обработка

Фото может быть затемнено градиентом для читаемости текста. Блюр — как художественный приём.

07 · Правила

Форматы

Вертикальные: 1080×1080px (квадрат), 1080×1350px (карусель). Горизонтальные: 1920×1080px.

Рамочки

Тема, месяц, рубрика — в скруглённых прямоугольниках с обводкой 1px. Без заливки.

Стрелочки

Тонкая белая полупрозрачная линия. В горизонтальных форматах — указатель действия.

Текст на фото

Поверх фото накладывается градиент. Текст всегда белый.

Запрещено

Чёрный текст на светлом фоне. Градиенты на текст. Сток. Роботы. Тени и объём.