← Хронометраж
Constants · Brandbook · v 1.0

Фирменный стиль

Версия 1.0 Обновлено Апрель 2026 Автор chrono-designer Лицензия внутреннее использование
02 / ЦВЕТ

Три базовых, восемь оттенков серого

Чёрный, бумажный и алый — три главных цвета. Чёрный для фона критичных секций, бумажный — для нейтральных, алый — для акцентов и действий. Никаких градиентов, только плоский цвет. Серая шкала из 8 ступеней — для вторичных текстов и линий.

Чёрный
HEX #141416 RGB 20 / 20 / 22 CMYK 0 / 0 / 0 / 95 TOKEN --c-black
Бумажный
HEX #F7F7F3 RGB 247 / 247 / 243 CMYK 0 / 0 / 2 / 3 TOKEN --c-paper
Алый
HEX #D9000F RGB 217 / 0 / 15 CMYK 0 / 100 / 93 / 15 TOKEN --c-red
Серая шкала
900#1A1A1D
800#242428
700#2F2F34
600#454549
500#72727A
400#9A9AA1
300#C2C2C8
200#DEDEE2
03 / ШРИФТ

IBM Plex Sans + Plex Mono. Никаких других семейств

Семейство
IBM Plex Sans
Назначение
Заголовки, основной текст
Веса
300, 400, 500, 600, 700
Token
--f-display
Fallback
Inter, system-ui, sans-serif
Plex Sans · 8 размеров
Каждый час Каждый час Каждый час Каждый оплаченный час Каждый оплаченный час подтверждён видеозаписью Каждый оплаченный час подтверждён видеозаписью. Команда работает с включённой записью экрана и каждый час отправляет подтверждение. 04 — Метод 01 / Hero
Семейство
IBM Plex Mono
Назначение
Числа, метки, навигация, код
Веса
400, 500, 600, 700
Token
--f-mono
Fallback
SFMono, Menlo, monospace
Plex Mono · числа и техметки
3 500 ₽/ч 320ч · −10% 02:14 · DEVCREW // BACKEND 06 / СПЕЦИАЛИЗАЦИИ
04 / СЕТКА

1320 пикселей, 32-px внутренний воздух

Контейнер .l-container — max-width 1320px, padding 32px (20px на mobile). Внутри — flex или grid, без лишних wrappers. Вертикальный ритм секции — 80px (56px на mobile). Между секциями — белая граница 3px (на тёмном фоне) или 1px серая (на светлом).

Контейнер
max-width: 1320px · padding: 0 32px · margin: 0 auto
1
2
3
4
5
6
7
8
9
10
11
12
12-колоночная сетка, gap 8px (минимальный), 16-32px (стандартный), 40-56px (просторный)
05 / КОМПОНЕНТЫ

Базовые блоки. Никаких теней и скруглений

Кнопки · светлый фон
Прямоугольник, 1px бордер, без скругления и теней
Кнопки · тёмный фон
На чёрном — белый бордер или красная заливка
Плашки и теги
PHASE 1 SCALE DRAFT
Plex Mono, 10px, uppercase, tracking 0.14em
Карточки и плитки
01
Опишите задачу — своими словами, без бюрократии.
02
Подбор команды — AI рекомендует за минуту.
Чёрный 1px бордер, белая или бумажная заливка
Каждый оплаченный час подтверждён видеозаписью.
Замена команды за час. Возврат при срыве.
Манифест-блок: красная заливка, белый Plex Sans 600/22
06 / ИКОНКИ

7 цветовых семейств. Аббревиатура в моно-шрифте

Каждое направление получает квадратный знак 44×44 (или 48×48 в брендбуке) с 2-4 буквами аббревиатуры в Plex Mono Bold. Цвет — закреплён за семейством. Никаких полутонов, теней или скруглений. Минимальный размер — 24×24.

1С — экосистема#FFD600
ESBИнтеграции#2A6DF4
AIAI / ML#D9000F
IPSПромышленные#1E1E1E
QMSКачество#8B5CF6
WMSЛогистика#EA580C
PRTКорп. веб#00A86B
07 / ПРАВИЛА

Восемь обязательных правил

✓ Можно

Tabular numbers

Все цифры — с одинаковой шириной знака. font-variant-numeric: tabular-nums в каждом блоке с числами.

✓ Можно

Жёсткие границы

Используйте только сплошные 1-3px бордеры. Толщина зависит от иерархии: top-stripe 6px, section-divide 3px, элементы 1-2px.

✓ Можно

Uppercase в моно

Только моноширинный шрифт идёт в uppercase: метки, секции, теги, навигация. Заголовки — title-case в Plex Sans, без верхнего регистра.

✓ Можно

Красная вертикаль

Citate, лид-параграф, акцентный блок — слева 3-4px красная вертикальная линия. Это единственный «декоративный» элемент.

✗ Нельзя

Ни тени, ни скругления

box-shadow и border-radius > 0 запрещены. Все границы прямоугольные. Глубина — через цвет, не через эффект.

✗ Нельзя

Никаких градиентов

Все заливки — плоские. Никаких linear-gradient или полутонов. Цвет — категоричный.

✗ Нельзя

Третьи шрифты

Только Plex Sans и Plex Mono. Иконочные шрифты, рукописные, засечки, декоративные — не используем. Иконки делаем буквами.

✗ Нельзя

Цветной фон

Фоны секций — только три: чёрный (#141416), бумажный (#F7F7F3) или алый (#D9000F). Никаких пастельных, золотых, синих фонов.

08 / СКАЧАТЬ

Логотипы, иконки, токены — в одном месте

SVG · 0.4 KB

Favicon

Векторный знак 32×32 для браузеров и закладок.

Скачать favicon.svg →
CSS · 4 KB

Дизайн-токены

Цвета, шрифты, размеры — в виде CSS custom properties.

Скачать style.css →
URL

Шрифты

IBM Plex Sans + Mono с Google Fonts. Самохост — по запросу.

Открыть Google Fonts →