Mark
Подписной знак КС в стеклянном диске с биллингвальной орбитой.
Бренд-гайд · 2026
Система
Один тон. Один шрифт. Одно семейство икон. Эта страница — единственный источник правды о бренде КРЕАСТРА: логотип, иконки, палитра, типографика, движение и голос.
01 · Логотип
Логотип
Пять вариантов знака. Mark — основной, остальные — концепты для разных контекстов.
Real
Исторический логотип Logo_ru.svg — fallback для документов.
в шапке
Constellation
К как звёздное скопление. Линии пульсируют при наведении.
в шапке
Orbit
К внутри стеклянного диска; KREASTRA · CREASTRA вращается.
в шапке
Liquid
Один непрерывный штрих — К и C в одной фигуре.
в шапке
Защитное поле
1× радиус знака вокруг монограммы
Ничто не ближе одного радиуса знака — ни текст, ни кнопки, ни графика. На фото оставляем то же поле заливкой 15 % прозрачности.
Минимальный размер
24 px в UI · 11 мм в печати
Ниже 24 px монограмма теряет читаемость. В таких слотах используем отдельный knockout-K без кольца.
02 · Иконки
Иконки
55 иконок · сетка 24×24 · обводка 1.6 · currentColor. Два режима — Line или Animated — и две акцентные копии в каждой группе.
Услуги8 +2
- web
- mobile
- design
- ai
- cube
- branding
- code
- analytics
- design
- ai
Состояние6 +2
- check
- checkCircle
- warning
- info
- close
- spinner
- checkCircle
- warning
Навигация7 +2
- arrowRight
- arrowUpRight
- chevronDown
- chevronUp
- external
- plus
- minus
- arrowUpRight
- external
Интерфейс10 +2
- menu
- search
- phone
- pin
- clock
- calendar
- user
- play
- pause
- search
- play
Бизнес14 +2
- businessSolutions
- complexServices
- marketing
- production
- legal
- audit
- strategy
- implementation
- launch
- automation
- franchise
- personalBrand
- smallBusiness
- concept
- launch
- automation
Платежи3 +2
- mir
- yandexPay
- dolyami
- mir
- yandexPay
Соцсети7 +2
- telegram
- github
- behance
- youtube
- dribbble
- telegram
- behance
Лексикон движения · 6 режимов
Шесть режимов, каждая иконка получает один по умолчанию. Меньше двух килобайт CSS — без Lottie. Триггер: всегда, при наведении или при появлении в кадре.
- draw
- pulse
- float
- spin
- pop
- shake
03 · Палитра
Палитра
Два режима: ночь (мята #b4f8c8) и день (небесный #00b4d8). Тема меняется через View Transitions — без вспышки.
bg
var(--bg)
Основной фон страницы
bg-elevated
var(--bg-elevated)
Поверхности над фоном
fg
var(--fg)
Основной текст
fg-muted
var(--fg-muted)
Вторичный текст
fg-subtle
var(--fg-subtle)
Подписи и метки
accent
var(--accent)
Акцент (мята / небо)
accent-fg
var(--accent-fg)
Текст на акцентной заливке
border
var(--border)
Тонкая граница
border-strong
var(--border-strong)
Граница с контрастом
04 · Шрифт
Шрифт
Unbounded для дисплея, Manrope для тела и UI-меток, Pacifico для одной курсивной графемы — Ё в RU, U в EN.
Display 2XL · Unbounded
КРЕАСТРАDisplay LG
Создаём будущееBody LG · Manrope
Полный цикл: стратегия, разработка, маркетинг, поддержка.Body · Manrope
Каждый проект — это договор, NDA и предсказуемые сроки.Mono · UI labels
01 — МАНИФЕСТ · EST. 2019Cursive · Pacifico
ё
05 · Движение
Движение
Четыре авторских easing-кривых. Длительность: 220 мс — клик, 480 мс — переход, 720 мс — занавес темы, 1700 мс — пасхалка.
out-expo
var(--ease-out-expo)
cubic-bezier(0.16, 1, 0.3, 1)
out-quint
var(--ease-out-quint)
cubic-bezier(0.22, 1, 0.36, 1)
bounce-soft
var(--ease-bounce-soft)
cubic-bezier(0.175, 0.885, 0.32, 1.275)
glass
var(--ease-glass)
cubic-bezier(0.175, 0.885, 0.32, 2.2)
06 · Голос
Голос
Уверенно, без хвалебной воды. Конкретные цифры. Русский и английский держим в параллель — одна мысль, два языка.
Так — да
- · От концепта до MVP — 30 дней.
- · Гарантия сроков, NDA, договор.
- · Полный цикл: стратегия → продакшн → рост.
Так — нет
- · «Лучшая команда на рынке».
- · «Создаём шедевры мирового уровня».
- · «Звоните прямо сейчас!»
Источник: src/components/BrandIcons.tsx · src/app/globals.css
07 · Звук
Звук
Четыре сцены для фона и пять коротких UI-звуков. Сцены — музыкальные треки; UI — синтезированные в WebAudio без файлов.
Движок ждёт жеста пользователя
Сцены фона · 4 режима
UI-палитра · 5 коротких
08 · 3D-эмодзи
3D-эмодзи
Один open-source пак (Microsoft Fluent Emoji 3D, MIT) отвечает за персонажей и объекты во всём продукте — в манифесте, в заявке, в калькуляторе сроков. Ничего кастомного не рендерим: лицензия бесплатная, рендер честно-3D, вес на штуку ≈20-45 KB.
01 · Идея
Идея
Лампочка
Искры
Мозг02 · Стратегия
Стратегия
Цель
Пешка
Карта03 · Система
Система
Пазл
ДНК
Шестерёнка04 · Ремесло
Ремесло
Инструменты
Палитра
Молоток05 · Влияние
Влияние
Ракета
Волна
Разряд09 · Прелоадеры
Прелоадеры
Четыре состояния ожидания — от тонкой хейрлайн-полосы и тройного ритма до полноэкранного маскота под каждую тему. Один словарь, разные плотности.
Хейрлайн
Прогресс-полоса
Для нав-переходов и ленивой подгрузки списков.
Тройной ритм
Три точки
Внутри форм и кнопок. Повторяет фирменный тройной ритм.
Сплэш · Тёмная
Маскот + кольцо · мята
Полноэкранная заставка в тёмной теме. Кольцо — тот же шрифт и трекинг, что у логотипа.
Сплэш · Светлая
Маскот + кольцо · циан
Тот же состав для светлой темы — циановый призрак вместо мятного.
10 · Шейдеры
Шейдеры
Три живых GPU-поверхности: фосфорное поле под футером, океан и космос — фоны главной страницы в светлой и тёмной темах. Здесь они собраны в одной сетке, чтобы видеть весь визуальный язык за раз.
Сигнал
0°
Мята
110°
Фиолет
210°
Уголь
320°
Океан
R3F
Фон главной в светлой теме. GPU-волны, 512² тесселяция.
Космос
R3F
Фон главной в тёмной теме. Земля + звёздное поле, без млечного пути.