swap.coffee: логотип-стрела и брендбук для DEX-агрегатора на TON

Кейс студии vasilyev.design: разработка фирменного знака, логотипа, палитры и типографики для swap.coffee — платформы обмена токенов с умной маршрутизацией, лимит-ордерами и инструментами трейдинга — и сборка руководства по использованию бренда для команды и партнёров.

Криптопродукт продаёт доверие раньше, чем функциональность. Пользователь подключает кошелёк и доверяет платформе движение реальных денег — прежде чем разобраться в маршрутизации свопов или механике лимит-ордеров, он считывает надёжность с логотипа, интерфейса и того, насколько собранно выглядит бренд. Для swap.coffee — DEX-агрегатора на блокчейне TON — мы построили айдентику, которая транслирует эту надёжность с первого касания, и оформили её в понятную систему brand assets для команды, партнёров и медиа.

Задача: баланс между DeFi и человечностью

DEX-агрегаторы конкурируют в среде, где ошибка стоит денег пользователя, а рынок наводнён проектами с одинаковой «крипто-эстетикой»: неоновые градиенты, абстрактные полигоны, шаблонные щиты. swap.coffee — сервис умной маршрутизации своп-сделок, лимитных ордеров, DCA-стратегий и пулов ликвидности — нуждался в айдентике, которая:

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

• остаётся тёплой и человечной — само название «coffee» подсказывает неформальный, дружелюбный тон, редкий для DeFi;

• работает в темах Web3-интерфейса — тёмный фон, стеклянные панели, графики котировок;

• масштабируется на партнёрские материалы — знак должен одинаково хорошо смотреться в статьях, на биржах-агрегаторах данных и в собственном приложении.

Знак: стрела в шестиграннике

В основе айдентики — монограмма из ломаной стрелы, вписанной в шестигранник. Форма читается сразу в нескольких слоях:

• буква S — первая буква названия swap, зашифрованная в изгибах линии;

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

• шестигранник — форма сот, отсылающая к слову «coffee» через образ зерна и одновременно дающая знаку строгий, инженерный контур, свойственный блокчейн-брендам.

Знак построен на плотной силуэтной графике без мелких деталей: чистые диагонали и один излом линии остаются читаемыми в размере фавикона, иконки кошелька и аватара в Telegram-чате комьюнити. Именно это редкое сочетание — «крипто-геометрия» шестигранника и мягкость буквы S — отличает swap.coffee от типовых DEX-логотипов с абстрактными полигонами.

Логотип: swap.coffee строчными

Шрифтовая часть — название swap.coffee строчными буквами, набранное в двух градациях одного тёплого оттенка: «swap» — светлее, «.coffee» — темнее. Разбивка цветом отделяет продуктовое имя от доменной части и одновременно намекает на слоёность кофе — светлая пенка и тёмный эспрессо в одной чашке. Строчное начертание снимает с бренда типичную DeFi-суровость: swap.coffee говорит с пользователем на человеческом языке, а не языком терминала.

Полный лок-ap — знак слева, название справа — используется на светлом и тёмном фоне в равной мере: страница brand assets прямо предупреждает, что нужен хороший контраст между логотипом и подложкой, и даёт обе версии сразу.

Палитра: кофейно-розовый вместо крипто-неона

Цветовая система построена на трёх констант:

Main color, #37262C. Глубокий кофейно-коричневый — редкий выбор для Web3, где доминируют синий и фиолетовый. Оттенок прямо работает на название бренда и выделяет swap.coffee среди визуально однотипных DEX-проектов.

Logo color, #D6BDAF. Тёплый розовато-бежевый — акцентный цвет самого знака и словесной части. Он смягчает строгую геометрию шестигранника и превращает крипто-инструмент в дружелюбный продукт.

Logo color, #FFFFFF. Белая версия знака и текста для тёмных и цветных поверхностей — инверсия для интерфейса, который по умолчанию работает в тёмной теме.

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

Типографика: Roboto

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

Тёмный интерфейс: бренд в действии

Продуктовый интерфейс swap.coffee — рабочая проверка айдентики в бою. Тёмная тема остаётся неизменной — это стандарт Web3-инструментов, где пользователь проводит часы за графиками и ордерами:

• Панель свопа — поля «You send» / «You receive», переключатель Smart mode, вкладки Swap / Limit / DCA — знак и название держат шапку интерфейса, не споря с рабочими элементами.

• График котировок — интеграция TradingView встроена в общую тёмную палитру без визуального конфликта с фирменным цветом.

• Навигация продукта — разделы Aggregator, Coffee DEX, Pools, Create pool, Transfer liquidity, Staking, Benefits: бренд остаётся узнаваемым даже когда экран плотно заполнен функциональными элементами.

• Промо-плашки внутри интерфейса — баннер с бонусами Battlepass показывает, что фирменный цвет способен работать и как акцентный элемент внутри продукта, а не только в логотипе.

Brand assets: страница для команды и партнёров

Отдельная часть работы — публичная страница Brand Assets, оформленная как готовый инструмент для всех, кто использует лого swap.coffee в своих материалах:

• Network logo — сразу четыре варианта: светлый логотип с текстом, светлый знак отдельно, тёмный логотип с текстом, тёмный знак отдельно — каждый со скачиванием в SVG и PNG.

• Шрифт на скачивание — Roboto доступен прямой ссылкой, чтобы партнёрские материалы набирались тем же шрифтом.

• Палитра с копированием HEX — каждый цвет карточкой с кнопкой Copy: партнёр берёт точный код одним кликом, без «на глаз угаданных» оттенков.

• Правило контраста — прямое указание следить за читаемостью логотипа на фоне, прежде чем публиковать материал.

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

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

1. Построение знака: стрела-S в шестиграннике, логика геометрии.

2. Полный лок-ап логотипа: знак + словесная часть в двух оттенках.

3. Палитра: main color #37262C, logo color #D6BDAF, white #FFFFFF.

4. Типографика: Roboto для интерфейса и коммуникаций.

5. Светлая и тёмная версии знака и логотипа с проверкой на контраст.

6. Публичная страница Brand Assets с файлами SVG/PNG и HEX-кодами.

7. Декоративный градиентный элемент — сферы для промо-поверхностей.

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

• Доверие через сдержанность. Кофейно-бежевая палитра вместо крипто-неона выделяет swap.coffee среди визуально шумного рынка DEX-проектов и читается как более серьёзный, взрослый продукт.

• Двойной смысл в одном знаке. Буква S, стрелка обмена и форма соты работают одновременно — редкая экономность для монограммы.

• Готовность к партнёрствам. Страница Brand Assets — не формальность, а рабочий инструмент: любой партнёр публикует материал с правильным лого за минуту.

• Бренд, который держит форму в интерфейсе. Айдентика не конфликтует с плотным функциональным UI трейдинговой платформы — это редкое качество для decorативных логотипов.

Результат

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

FAQ: айдентика для DeFi- и Web3-проектов

Почему для DEX-агрегатора выбрана кофейная палитра, а не типичный крипто-неон? Рынок DEX и DeFi визуально однороден: синие и фиолетовые градиенты повторяются от проекта к проекту. Кофейно-бежевая палитра #37262C / #D6BDAF выделяет swap.coffee и одновременно обыгрывает название бренда — редкое попадание в обе задачи сразу.

Зачем криптопроекту публичная страница brand assets? DEX-агрегаторы упоминаются в статьях, на биржах данных, в партнёрских интеграциях и медиа. Открытые файлы логотипа с точными HEX-кодами избавляют от искажённых версий лого, которые иначе расползаются по сети со скриншотов.

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

Как айдентика проверяется в тёмном интерфейсе трейдинговой платформы? Через реальные экраны продукта: панель свопа, график котировок, навигацию с десятком разделов. Бренд, который выглядит хорошо только на презентационном слайде, но теряется в рабочем интерфейсе, не выполняет свою задачу.

Разрабатываете DEX, DeFi-протокол или другой Web3-продукт? Студия vasilyev.design создаёт логотипы, фирменные стили и брендбуки для криптопроектов под ключ — напишите нам.