Бренд-бук

Дизайн-система BridgePost. Цвета, типографика, компоненты, голос бренда. Единая точка отсчёта для лендинга, Mini App, диалогов в боте и маркетинговых материалов.

Логотип

512×512 (master)

192×192 (PWA)

32×32 (favicon)

Иконка: дружелюбный AI-робот с речевыми пузырями RU/EN на брендовом синем фоне. Метафора кросспостинга и AI-перевода. Минимальное чистое пространство вокруг — 1/2 высоты значка.

Цвета

Brand Deep

#061427

Основной фон, ночное небо

--brand-deep

Brand Primary

#1f6feb

Главный акцент (Libermall-blue)

--brand-primary

Brand Secondary

#00d4ff

Cyan (Tegro-style)

--brand-secondary

Brand Magenta

#ff3d8c

Акцент 2 (smoservice retina)

--brand-magenta

Brand Violet

#8b5cf6

Партнёрская программа, премиум

--brand-violet

Emerald

#10b981

Success, активные состояния

tailwind: emerald-500

Amber

#f59e0b

Triэl, warnings

tailwind: amber-500

Red

#ef4444

Errors, deletion

tailwind: red-500

Brand palette строится на трёх ассоциациях: синий = Libermall + Web3 (доверие, технология), cyan = Tegro DEX (energy, скорость), magenta = smoservice (продвижение, attention). Тёмная основа `#061427` приглушает blob-ы и делает glass-cards читаемыми.

Типографика

Один пост

Display · 60px / 72px

weight 700

Десятки каналов

Hero · 48px / 52px

weight 700

Возможности

H2 · 30px / 36px

weight 600

Заголовок секции

H3 · 20px / 28px

weight 600

Обычный параграф текста, читабельный.

Body · 16px / 24px

weight 400

Подпись или мета-инфо

Caption · 12px / 16px

weight 400

Шрифт: Inter (sans-serif system stack fallback). Tight letter-spacing на display и hero (-0.025em). Body line-height ~1.5 для читабельности.

Компоненты

Кнопки

Карточки

Glass-card

Лёгкое frosted-стекло с blur(24px)

Gradient hero

Для главных value-blocks

Бейджи

● Active🎁 Триал⛔ Expired📋 Копия🌐 Перевод✍ Рерайт📰 Статья

Единицы измерения

⚡ credits — внутренние AI-кредиты. 1 ⚡ = $0.01

⭐ Stars — Telegram Stars для топ-апа и подписки

💎 TON / USDT-TON — on-chain топ-ап через TON Connect

$ — только в backend-логах, никогда в UI

Голос бренда

✓ Делаем так

«Один пост. Десятки каналов» — короткие, мощные value-statements
«Зеркалит твои Telegram-посты» — на «ты», без формального «Вы»
«Один редактор вместо трёх» — выгода в цифрах
Эмодзи как структурный элемент списков, не украшение
RU base, EN для технических терминов (channel, bot, API)

✗ Избегаем

«Уважаемый клиент», «Здравствуйте» — слишком формально
«Революционный AI-инструмент» — buzzwords и преувеличения
Многословные абзацы где можно одной фразой
Эмодзи-салат (5+ в одной строке)
«Возможно», «Скорее всего» — звучит неуверенно

Сетка и радиусы

Радиус карточек

rounded-xl · 12px

rounded-2xl · 16px (default)

rounded-3xl · 24px (hero)

rounded-full (chips, buttons)

Spacing

gap-2 · 8px (compact)gap-4 · 16px (section)gap-6 · 24px (block)gap-12 · 48px (page)

Max width

max-w-xl · 576px (Mini App)max-w-5xl · 1024px (brand)max-w-6xl · 1152px (landing)