✛Night Sniper · Brandbook v3
Суть брендаГолосЛоготипПалитраТипографикаКомпонентыАнимацияDo / Don'tПрименение

Брендбук · Версия 3.0 · 2026

Night
Sniper

Агентство разработки: сайты, Telegram/MAX-боты, Mini Apps, CRM-системы, AI-интеграции и парсеры. Один выстрел — одно решение.

01 · Суть бренда

Снайперская точность в разработке

🎯

Точность

Не распыляемся. Бриф → оценка → выстрел. Каждый проект попадает в задачу клиента с первого раза, без бесконечных «итераций ради итераций».

🌙

Ночь

Работаем, когда конкуренты спят. Тёмный интерфейс — часть ДНК: фон #050505, неоновый красный прицел, ощущение ночной операции.

⚡

Скорость

Никаких менеджеров-прокладок: клиент общается с разработчиком. Оценка за день, первые результаты за неделю.

02 · Голос бренда

Как мы говорим

Мы говорим так

  • «Один выстрел — одно решение»
  • «Оценим за день. Сделаем за неделю»
  • «Не макет, а скриншот работающего приложения»
  • «Цель захвачена» (после отправки заявки)
  • Коротко, по делу, на «вы» с клиентом, без канцелярита

Мы так не говорим

  • «Инновационные диджитал-решения под ключ»
  • «Лидирующая команда профессионалов»
  • «Индивидуальный подход к каждому клиенту»
  • «Оставьте заявку, и наш менеджер свяжется с вами»
  • Длинные абзацы, вода, буллшит-бинго

Военная метафора (прицел, выстрел, цель) — приправа, а не главное блюдо. Одна-две отсылки на страницу. Остальное — конкретика: цифры, сроки, кейсы.

03 · Логотип

Знак и написание

✛

Night Sniper

Основная версия · тёмный фон

Прицел ✛

Крест-прицел — единственный графический знак. Используется как буллет, разделитель в маркии, фавикон и точка фокуса в анимациях. Всегда Sniper Red (#ff4533) на тёмном.

Написание

«NIGHT SNIPER» набирается только Unbounded, uppercase, weight 900, tracking 0.12–0.2em. В CRM и компактных местах допускается монограмма «NS». Никаких курсивов и обводок.

Охранное поле

Вокруг логотипа — свободная зона высотой в одну букву «N». Минимальный размер написания — 90px по ширине.

04 · Палитра

Цвета

#050505

Void Black

Основной фон. Почти чёрный, без чистого #000.

#ff4533

Sniper Red

Акцент: CTA, прицел ✛, ссылки-hover, прогресс.

#f0f0f0

Ghost White

Основной текст на тёмном. Не чистый белый.

#151517

Gunmetal

Поверхности: карточки, панели, модалки.

#8a8a8a

Smoke

Вторичный текст, подписи, hint'ы.

#f4f1ea

Paper

Светлая тема / светлые секции (Why Us).

Правила

  • • Красный — только акцент: ≤ 10% площади экрана. Не заливать им фоны секций.
  • • Текст на тёмном — Ghost White с прозрачностями (white/70, white/45) для иерархии.
  • • Границы — white/10, ховеры — white/25 или Sniper Red по смыслу.
  • • Светлые секции (Paper) — для контраста один-два раза на страницу, не больше.

05 · Типографика

Два шрифта

Заголовки · Unbounded (Google Fonts) · 700–900

Один выстрел —
одно решение

Текст · Inter Tight (Google Fonts) · 400–700

Мы проектируем и запускаем цифровые продукты: от лендинга за неделю до CRM-системы со звонками, задачами и AI-сотрудниками. Весь стек — свой: Next.js, Node.js, SQLite, Telegram/MAX Bot API.

Вторичный текст — 14px, white/45–55. Подписи и eyebrow — 10–11px, uppercase, tracking 0.3–0.4em.

Правила

  • • Unbounded — ТОЛЬКО заголовки и логотип. Никогда для абзацев (тяжёлый шрифт).
  • • Заголовки — uppercase, leading 0.95–1.1, clamp() для адаптива.
  • • В CRM-интерфейсах допустим системный стек / Manrope — рабочий инструмент, не витрина.
  • • Цифры в метриках — tabular-nums.

06 · Компоненты

UI-кит

Кнопки

Primary — заливка Sniper Red, полная скругление (rounded-full). Secondary — контур white/20 с красным ховером. Текст всегда uppercase + tracking.

Карточка кейса

Web · CRM

ROYAL COAST

Портал недвижимости + CRM со звонками и AI

Фон чуть темнее поверхности (#0a0a0c), граница white/10, на hover — красная граница + лёгкий подъём (translateY -4px).

Инпут

Фон white/5, граница white/10, фокус — Sniper Red. Радиус rounded-xl.

Маркии / бегущая строка

Web ✛ Bots ✛ Mini Apps ✛ CRM ✛ AI

Элементы разделяются прицелом ✛. Скорость 25–30s на цикл, бесшовный повтор.

07 · Анимация

Движение

Принципы

  • • Easing: cubic-bezier(0.22, 1, 0.36, 1) — резкий старт, мягкое доведение (как отдача).
  • • Reveal при скролле: opacity 0→1 + y 36→0, duration 0.7s, stagger 0.08–0.12s.
  • • Hover: короткие (0.2–0.3s), transform + border-color, без «прыгающих» теней.
  • • Прелоадер: счёт 000→100 + пульс прицела. Один раз за сессию.
  • • Обязательно уважать prefers-reduced-motion — всё статично.

Фирменные приёмы

  • • Кастомный курсор: красная точка + кольцо с инерцией (только на десктопе).
  • • Smooth scroll (Lenis) на витринных страницах. В CRM — нативный.
  • • Счётчики метрик: анимация числа при появлении в вьюпорте.
  • • Параллакс hero-портрета: лёгкий (±60–120px), не мешает чтению.

08 · Do / Don't

Правила игры

Do

  • ✓ Много воздуха: секции 96–160px по вертикали
  • ✓ Гигантские заголовки Unbounded + мелкие uppercase-подписи
  • ✓ Реальные скриншоты продуктов вместо стоковых картинок
  • ✓ Прицел ✛ как буллет и разделитель
  • ✓ Цифры: сроки, бюджеты, конверсии

Don't

  • ✗ Градиенты-радуги, неоновые свечения «как в 2021»
  • ✗ Красные заливки на всю секцию
  • ✗ Unbounded в абзацах текста
  • ✗ Стоковые фото людей в костюмах, жмущих руки
  • ✗ Больше двух военных метафор на страницу

09 · Применение

Где живёт бренд

Сайт night-sniper.ru

Главная v3: витрина в полном фирменном стиле — прелоадер, курсор, Lenis, hero-портрет, кейсы, NightOS.

Открыть →

Квиз /quiz

Подбор решения за 4 вопроса. Тот же стиль: #050505, Sniper Red, Unbounded-заголовки.

Открыть →

CRM и админка

Рабочие инструменты: приоритет — читаемость и скорость. Лого «NS», тёмная тема по умолчанию, акценты по функции (не по бренду).

Открыть →

Один выстрел — одно решение

Night Sniper · Brandbook v3.0 · 2026