Логотип
Основная версия — градиентная. Есть короткая и длинная версии, а также инверсии под фон.
Основной (градиент), длинная версия
Используйте, когда есть ширина (сайт, презентации, баннеры).
Основной (градиент), короткая версия
Для узких блоков: аватары, карточки, шапки соцсетей.
Длинный • чёрный
Длинный • белый
Короткий • чёрный
Короткий • белый
Правильно
Используйте оригинальные цвета и пропорции. На сложном фоне размещайте логотип на светлой/тёмной подложке.
Нельзя
Запрещено растягивать, наклонять, менять цвета, добавлять эффекты или ставить на «шумный» фон без подложки.
Цвета
Фирменный градиент и опорная палитра.
Фирменный градиент
135°, #9E58F5 → #2117FA
Лиловая плашка
rgba(158,88,245,.10)
Мятная плашка
rgba(16,185,129,.10)
Лёд (голубая)
rgba(33,23,250,.08)
Нейтральные
Текст #111318, Линии #E9ECF2, Фон #FFFFFF
Типографика
Интер: контрастные заголовки, читаемые абзацы, аккуратные акценты.
Заголовок H1 — 800
Для hero и крупных блоков. Буквоспейсинг −0.02em.
Заголовок H2 — 700
Для секций и карточек. Размер 24–34 px.
Текст и подписи
- H1: 40–56 / 120%, 800
- H2: 24–34 / 120%, 700
- Body: 16–18 / 160%, 400–500
- Caption: 12–13 / 140%, 500
Визуальный стиль
Мягкие плашки, фирменный градиент и эффект «матового стекла».
Карточки-подсказки
Пастельные тины + большие радиусы.
Иконки
Минимализм, толщина линий 2px, скругления 4–6px.
Фотографии
Радость, движение, реальные занятия.
Матовое стекло
Формула: background: rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); backdrop-filter: blur(12px);
Где использовать
CTA-панели, подсказки, «лайв-данные». Не больше 1–2 «стёкол» на экране.
Этот блок повторяет фирменный эффект стекла, как на сайте.
Шаблоны для соцсетей и рекламы
Карточки реагируют при наведении. Показаны варианты с длинным и коротким логотипами.
Пост 1×1 (органика)
Длинный логотип слева сверху, короткий — справа снизу (белый на градиенте).
Пост 1×1 (светлый)
Вариант для образовательных постов, графиков, отзывов.
Таргет (горизонтальная 1200×628)
Сообщение по выгоде + чёткая кнопка действия.
Story/Рилс 9×16
Вертикальный формат для историй и коротких видео.
Пост 1×1 (совет/FAQ)
Пастельная плашка в духе UX-карточек с сайта.
Оффлайн реклама
Примеры баннера и листовки с фирменным позиционированием логотипов.
Баннер (3×1)
Листовка A5 (вертикальная)
- Отвечаем родителям 24/7
- Записываем на пробные автоматически
- Интеграции: WhatsApp, ВКонтакте, Telegram
Мерч и брендированные носители
Примеры нанесения на одежду и аксессуары. Используйте короткий/длинный логотип под формат.
Правило: сохраняйте охранные поля (≥ ¼ высоты буквы «D»), не искажайте и не меняйте цвета логотипа.
