prem: логотип, фирменный стиль и брендбук

Telegram стал самостоятельной платформой с собственной экономикой: Stars, Premium, TON, подарки, Mini Apps. Вместе с ней появился новый тип продукта — сервисы, которые живут внутри мессенджера и продают цифровые товары прямо в чате. Для такого сервиса бренд должен решать необычную задачу: выглядеть родным элементом Telegram-экосистемы и при этом не раствориться среди сотен ботов с одинаковыми иконками. Именно эту задачу мы решали для prem.

О продукте: не VPN, а цифровой магазин

prem начинался как VPN-сервис, но к моменту нашей работы вырос в универсальный магазин цифровых товаров. В одном приложении пользователь может:

• купить Telegram Premium, Stars или TON — себе или в подарок по username;

• подключить VPN с конструктором тарифа под свои устройства;

• заказать Wi-Fi-роутер с доставкой;

• оформить eSIM для поездок;

• пополнить Steam;

• открыть лутбоксы за рубли или баллы;

• зарабатывать на реферальной программе и участвовать в розыгрышах.

Ключевое решение по позиционированию, принятое вместе с клиентом: prem — не «ещё один VPN», а цифровой магазин для всех задач. Это определило и логотип, и подачу бренда, и структуру интерфейсов: на первом экране веб-версии пользователь видит покупку Premium/Stars/TON, а не подписку на VPN.

Задача для логотипа: родной для Telegram, но узнаваемый

Бриф на знак был точным:

• Один знак на весь сервис — не иконка VPN, не значок магазина, а символ, который объединяет десяток разных продуктов.

• Нативность для Telegram — ориентиром были squircle-иконки самого Telegram и Telegram Stars: белый глиф на градиенте, который выглядит уместно в списке чатов и в каталоге Mini Apps.

• Без буквы P — клиент сразу отказался от очевидной монограммы: буква P на плашке встречается у сотен сервисов и не даёт различительности.

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

Поиск решения: от щита к звезде

Первым направлением был щит с вырезом — метафора защиты для VPN-корней сервиса. Концепт отклонили ещё на этапе эскизов: щит тянет бренд обратно в «безопасность и VPN», а prem уходил от этого позиционирования. Кроме того, самолётик-вырез неизбежно считывался как отсылка к логотипу самого Telegram — а бренд должен быть частью экосистемы, а не её копией.

Второе направление — звезда — попало в цель сразу по нескольким причинам. Звезда в Telegram-контексте прямо ассоциируется со Stars, одним из ключевых товаров prem. Четырёхлучевая форма с вогнутыми гранями читается как «искра», «премиум», «магия» — тот самый оттенок, который заложен в самом названии prem (от premium). И, в отличие от монограммы, звезда одинаково хорошо работает и в иконке бота, и на баннере.

Знак: четырёхлучевая звезда с орбитой

Финальный логотип — четырёхлучевая звезда, вокруг которой проходит тонкая орбита-лента. Орбита не просто окружает звезду: она проходит перед ней по диагонали, разрезая нижнюю часть силуэта, и уходит за звезду на верхней-левой дуге. Такое пересечение слоёв создаёт объём и движение в плоском знаке — звезда буквально «вращается» на месте даже в статике.

Метафора многослойна:

• звезда — Stars, премиум, ценность;

• орбита — экосистема: все продукты prem вращаются вокруг одного центра;

• пересечение — динамика, «живой» сервис, в котором всегда что-то происходит.

Знак построен на чистых силуэтных формах без мелких деталей: он читается в аватаре бота, фавиконе и иконке Mini App размером с ноготь — и остаётся выразительным на большом экране.

Словесный знак и фирменная подача

Название «prem» набрано строчными буквами в округлом геометричном гротеске — дружелюбно и современно, без корпоративной строгости. Строчное написание рифмуется с тем, как выглядят названия ботов и сервисов внутри Telegram.

Фирменная подача бренда — белый логотип на градиенте: от розового через фиолетовый к глубокому синему, со световыми дугами, которые перекликаются с орбитой знака. Это прямая перекличка с эстетикой Telegram Premium и Stars — насыщенные градиенты, свечение, ощущение «премиального» продукта, — но в собственной палитре prem, которая не совпадает ни с одним официальным продуктом Telegram.

Анимация логотипа

Для презентаций, промо и загрузочных экранов мы сделали анимированную версию знака. Логика движения вытекает из самой конструкции логотипа:

• знак появляется из центра с лёгким доворотом, за ним по одной поднимаются буквы словесного знака;

• по орбите идёт бегущий блик — световой объект с хвостом, который уходит за звезду на скрытой дуге и выходит с другой стороны, подчёркивая слоистость знака;

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

Анимация отрисована покадрово из векторного исходника, а не записью экрана, поэтому градиенты и свечения остаются чистыми в любом разрешении. Финальная версия — 12 секунд, Full HD, без звука, с продолжительным «холдом» в конце, чтобы её можно было резать под любой слайд или заставку.

Дизайн Telegram Mini App

Параллельно с брендингом мы проектируем сам продукт — Telegram Mini App в актуальной стилистике iOS 26: стеклянные поверхности, карточки с крупными скруглениями, squircle-иконки, плавающий стеклянный таб-бар. Пользователь не должен чувствовать границу между интерфейсом Telegram и приложением prem.

Спроектированные сценарии:

• VPN — главный экран с состоянием подписки и роутера, «Мои устройства», конструктор тарифа (устройства и белые списки трафика), оплата картой или Telegram Stars, докупка объёмов через модальное окно.

• eSIM — выбор страны и тарифа, покупка без лишних шагов.

• Магазин — Premium, Stars, TON, пополнение Steam, лутбоксы.

• Пробная подписка — модальное окно с условиями, зависящими от статуса пользователя в Telegram.

• Розыгрыши — колесо призов с прокрутами за покупки и реферальный баланс, ежемесячный мега-розыгрыш.

• Реферальная программа — со ссылкой, статистикой и выплатами.

• Профиль — темы, история покупок, поддержка, промокоды.

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

Веб-версия: сайт и личный кабинет

Третий контур проекта — веб-приложение с тем же UI-китом, адаптированное под десктоп и телефон. Принцип: сайт — не витрина-визитка, а магазин с первого экрана. Пользователь сразу видит блок покупки Premium/Stars/TON с переключателем, полем username и выбором оплаты; eSIM, VPN и пополнение Steam доступны без авторизации, а вход в личный кабинет — через Telegram или почту — предлагается после оплаты, когда он действительно нужен.

Визуально веб-версия наследует стиль современных Telegram-сервисов: белая страница, серые карточки без обводок, кнопки-пилюли, чёткая чётная шкала типографики. Один UI-кит для Mini App, сайта и ЛК — переход между ними для пользователя незаметен.

Что вошло в проект

1. Стратегия позиционирования: от VPN к цифровому магазину.

2. Фирменный знак — четырёхлучевая звезда с орбитой; версии в цвете, белая и чёрная силуэтная.

3. Словесный знак «prem» и полный логотип.

4. Фирменная подача: градиентная палитра и световые дуги.

5. Анимация логотипа для презентаций и промо.

6. Дизайн Telegram Mini App: VPN, eSIM, магазин, розыгрыши, рефералка, профиль.

7. Веб-версия: сайт-магазин и личный кабинет на едином UI-ките (в работе).
   

   

Почему это работает

• Один знак — вся экосистема. Звезда с орбитой объединяет десяток непохожих продуктов под единым символом и не привязывает бренд к какому-то одному из них.

• Нативность без подражания. Логотип и интерфейсы выглядят частью Telegram, но не копируют его: собственная палитра, собственная форма, собственный характер.

• Бренд и продукт из одной руки. Айдентика, Mini App и сайт спроектированы одной студией на одном UI-ките — визуальная консистентность заложена, а не «подгоняется» потом.

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

Результат

prem получил бренд, который соответствует его новому масштабу: знак-звезда с орбитой, узнаваемый в Telegram и за его пределами, премиальную градиентную подачу, анимированную версию для промо — и продуктовые интерфейсы, спроектированные по тем же принципам. От логотипа до приложения — единая система, готовая к росту сервиса.

FAQ: дизайн для Telegram-сервисов

Чем дизайн Telegram Mini App отличается от дизайна обычного мобильного приложения? Mini App живёт внутри Telegram и должно наследовать его паттерны: системные скругления, таб-бары, стеклянные поверхности, поведение модальных окон. Пользователь не должен чувствовать переход из мессенджера в приложение. При этом бренд обязан оставаться узнаваемым — баланс между нативностью и идентичностью и есть главная задача.

Почему для логотипа prem не использовали букву P? Монограмма P на плашке — самое частое решение для сервисов с таким названием; она не даёт различительности. Звезда с орбитой связывает бренд с ключевым товаром (Stars), с идеей «премиум» и с концепцией экосистемы — и остаётся уникальной.

Зачем сервису в Telegram отдельный сайт? Веб-версия открывает продажи пользователям вне Telegram, поддерживает покупки без авторизации и даёт полноценный личный кабинет на десктопе. Единый UI-кит с Mini App гарантирует, что это один и тот же продукт, а не два разных.

Что даёт анимация логотипа? Анимированный знак работает в презентациях, промороликах, загрузочных экранах и соцсетях. Для бренда с «вращающейся» конструкцией знака анимация раскрывает заложенную в нём динамику, которую статичный логотип только намекает.

Можно ли заказать только логотип, без дизайна приложения? Да. Но в кейсе prem ценность именно в связке: логотип, Mini App и сайт спроектированы одной командой, поэтому бренд одинаково выглядит в каждой точке контакта.

Запускаете сервис в Telegram — бот, Mini App, магазин цифровых товаров? Студия vasilyev.design разрабатывает логотипы, фирменный стиль и продуктовый дизайн для Telegram-экосистемы под ключ — напишите нам.