OxPulse

OxPulse Brand

Тёплый тёмный канвас, IBM Plex Sans 620 и один хроматический акцент — всё необходимое для правильного представления OxPulse на любой поверхности.

Логотипы

Три варианта для разных фонов. Предпочтителен SVG — масштабируется без потери качества.

OxPulse wordmark on dark
ТЕКСТОВЫЙ ЗНАК Wordmark — тёмный

Для тёмных фонов (основная поверхность приложения)

Скачать SVG
OxPulse wordmark on light
ТЕКСТОВЫЙ ЗНАК Wordmark — светлый

Для светлых фонов (документы, печать)

Скачать SVG
OxPulse mark only
ЗНАК Только знак

Квадратные контексты — иконка приложения, favicon, аватар

Скачать SVG

Цвета

Токены — CSS-переменные. В коде всегда используйте токен; hex приведён для дизайн-инструментов.

Основной (золото) #C9A96E --brand-primary Основа знака бренда, акцентные линии, CTA
Чернила (тёмный) #161719 --ink Слой канваса — фон страницы. Наследует 4% атмосферы от --brand-primary.
Бумага #E7E3D6 --paper Текст на тёмном, светлый режим
Бумага приглушённая rgba(231,227,214,0.72) --paper-muted Вторичный текст в маркетинговом регистре (MarketingShell: 0.72). В app-оболочке :root задаёт 0.90.
Бумага бледная rgba(231,227,214,0.58) --paper-faint Подсказки, текст подвала — маркетинговый регистр (MarketingShell: 0.58). В app-оболочке :root задаёт 0.66.
Статус — хорошо #7FB37F --status-good Подключено, зашифровано, подтверждено — тёплый зелёный
Статус — ошибка #C26464 --status-bad Отключено, ошибка, заблокировано — тёплый красный

Типографика

Три гарнитуры — идентичность. Fraunces Variable — редакционный hero. IBM Plex Sans Variable — интерфейс и основной текст. IBM Plex Mono — код, идентификаторы, временны́е метки. Self-hosted через @fontsource-variable. Внешний CDN не используется.

Display Hero Fraunces clamp(32px, 6vw, 56px) / wght 620 lh 1.08 · ls -0.02em
Приватные зашифрованные видеозвонки.
Section Heading Plex Sans 32px / wght 620 lh 1.1 · ls -0.018em
Цвета
Subsection Plex Sans 24px / wght 620 lh 1.16 · ls -0.012em
Основной цвет
Lead Paragraph Plex Sans 18px / wght 400 lh 1.5 · ls 0.01em
Без регистрации, без слежки. Сквозное шифрование.
Body Standard Plex Sans 16px / wght 400 lh 1.55 · ls 0.01em
Подсказка — используется для подписей и меток.
Caption Plex Sans 14px / wght 500 lh 1.4 · ls 0.012em
CAPTION SMALL CAPS · 0.5 LETTER-SPACING
Micro / Meta Plex Sans 12px / wght 500 lh 1.3 · ls 0.02em
MICRO META
Пример Mono curl -X POST https://oxpulse.chat/api/sdk/auth/challenge

Иконки

Полный набор иконок, сгенерированных из канонических SVG-источников в /static/icon-sources/. Любой размер можно перегенерировать с помощью rsvg-convert.

Файл Применение
favicon.svg векторный мастер, масштабируется до любого размера Скачать
favicon-16x16.png полоса вкладок браузера Скачать
favicon-32x32.png история / закладки Скачать
favicon-48x48.png плитка Windows Скачать
apple-touch-icon.png главный экран iOS, 180×180 Скачать
icon-192.png PWA Android Скачать
icon-512.png PWA Android большой Скачать
icon-maskable-192.png Android adaptive (безопасная зона) Скачать
icon-maskable-512.png Android adaptive большой Скачать

Превью для соцсетей

Open Graph-изображение для превью в Telegram, Twitter, WhatsApp, Slack, LinkedIn. 1200×630.

OxPulse OG preview
Скачать PNG (1200×630) Скачать SVG-источник

Правила использования

Можно
  • Используйте SVG wordmark для цифровых поверхностей — масштабируется чисто
  • Соблюдайте отступ вокруг знака равный диаметру внутреннего кольца
  • Ссылайтесь на цвета бренда через CSS-токены, а не hex-литералы
  • Используйте IBM Plex Sans для основного текста; Mono — для кода и идентификаторов
  • Ко-брендинг с логотипами партнёров — разделяйте тонкой чертой
  • Используйте var(--paper) (#E7E3D6) для текста на тёмном — тёплый, не чисто белый
Нельзя
  • Перекрашивать знак бренда — сохраняйте золото #C9A96E
  • Растягивать, поворачивать или применять эффекты (тень, градиент) к знаку
  • Размещать знак на перегруженных фотофонах без монолитной подложки
  • Использовать Helvetica, Arial или системные шрифты вместо Plex
  • Обрезать OG-изображение — размещайте полный файл 1200×630
  • Совмещать wordmark OxPulse с другим wordmark без паттерна partner-separator

Пресса и партнёрства

По вопросам прессы — напишите на press@oxpulse.chat.

По вопросам лицензирования, партнёрства или чему угодно ещё — свяжитесь с нами.