Бренд NODQ

Фирменный стиль, дизайн-система и материалы для использования.

Перейти к материалам Правила использования →

Руководство по брендуОбновлено 9 октября 2026

NODQ

Точная геометрияКвадратный контур, фаски, ровные интервалы.

Тёплый акцентОранжевый — малая доля экрана, только для главного.

Понятное движениеОдно действие — одно короткое изменение.

Характер бренда

Технологичная точность, спокойные поверхности и один тёплый акцент. Ниже — наблюдаемые принципы стиля, а не трактовка знака.

ГеометрияКвадратный контур со скруглением — пространство и граница доступа.

МатериалыМатовый графит и одна янтарная грань.

ТипографикаКрупное ясное слово и сдержанное пояснение.

ДвижениеПричина → изменение → результат.

Логотип

Действующая композиция сайта: знак и надпись NODQ. Утверждённый векторный исходник ещё не опубликован, поэтому скачивание логотипа недоступно.

NODQ

Основная композиция · знак + NODQ

Знак · статус самостоятельного актива не утверждён

Малые размеры · 32 / 24 / 16 px — проверка читаемости

Шахматка — только фон предпросмотра. Монохромные версии и favicon не показаны: исходников нет.

Охранное полеПредложение, не действующий стандарт: x = ¼ высоты знака, свободное поле ≥ 1x со всех сторон.

Минимальный размерКандидаты для проверки: композиция от 120 px по ширине, знак от 24 px. Favicon 16/32/48 px — отдельный актив, требует проверки.Предложение · требует утверждения

Так нельзя

✕ Не растягивать

✕ Не поворачивать

✕ Не менять цвета

✕ Без чужих теней

Объёмный объект с главной — декоративный актив; там, где нужен воспроизводимый знак, используется плоский логотип.

Цвета

Значения совпадают с токенами сайта и файлами nodq-tokens.css / .json.

NODQ Orange Основной акцент и CTA #F7931A · RGB 247, 147, 26

Deep Background Тёмный фон #0A0C0B · RGB 10, 12, 11

Graphite Панели #151917 · RGB 21, 25, 23

Raised Graphite Вложенные поверхности #202622 · RGB 32, 38, 34

Warm White Светлый фон / текст на тёмном #F5F4F0 · RGB 245, 244, 240

Ink Тёмный текст и надпись на оранжевом #121613 · RGB 18, 22, 19

Hover CTA#FFAA33

Pressed CTA#E3810C

Блик (графика)#FFBD59

Теневая грань (графика)#D96800

Вторичный текст · тёмная#B6BCB7

Вторичный текст · светлая#59625B

Ссылка · светлая#9A4A00

Успех#8DD6AB / #166B40

Предупреждение#FFD08A / #875000

Ошибка#FF9B92 / #B7342A

Акцент / выбрано✓ Успех! Предупреждение✕ Ошибка Основной текст · вторичный · ссылка Фокус клавиатуры

Контраст пар: #121613 на #F7931A ≈ 7,95:1 · #F5F4F0 на #0A0C0B ≈ 17,8:1 · #9A4A00 на #F5F4F0 ≈ 5,7:1. Белый мелкий текст на оранжевом не используется. CMYK/Pantone не опубликованы.

Типографика

Onest 400/500/600/700 и JetBrains Mono для адресов и подписей. Значения — фактические стили сайта.

Аа Bb 0123Onest · 400 / 500 / 600 / 700 · кириллица и латиницаRegularMediumSemiboldBold

Свой текст

H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em Люди. Агенты. Одна сеть.

H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em Правила для расходов агента

Lead17–20px · 500 · 1.4 · -0.01em Сеть для приложений, AI-сервисов и расчётов.

Body16–17px · 400 · 1.6 · 0 Агент работает в пределах бюджета, получателей и срока.

Caption13–14px · 400 · 1.45 · 0 Демонстрация · данные-образцы

Label (моно)11px · 400 · 1.3 · 0.08em Заказ #A-1042

Code / Address13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ

Сетка и размеры

Показать сетку на образце

РазделЗаголовок разделаТекст держит ширину 60–75 знаков в строке.

Контейнерmax-width 1360px

Боковые поляclamp(20px, 4.5vw, 72px)

Интервал разделовclamp(48px, 6vw, 104px)

Промежутки сетки8 · 12 · 16 · 20 · 24 · 32 px

Радиусы8 поля · 10 кнопки · 12–16 карточки · 999 метки

Линии1 px разделитель · 1.5 px схемы

Фокусконтур 2 px + ореол

Тенитолько меню и окна продукта

Компоненты

Статичные образцы состояний и один локальный пример формы — запрос никуда не отправляется.

Кнопки

Основная Hover Pressed Вторичная Недоступна

Вкладки и метки

ВыбраноОбычная

ДемонстрацияПроектируетсяДокумент готовитсяДоступно

Поле и ошибка EmailПодсказка под полем

Иконки и графика

Линейные иконки Lucide 1.5–2 px на сетке 16 / 20 / 24 px и общий визуальный словарь продуктов.

file-textreceiptmessages-squareusersfoldersearchplugflag

Не смешивать линейные, заливочные и объёмные наборы.

Пространство

Агент

Полномочие

Расчёт

Движение

Один пример за раз. Кривая cubic-bezier(0.2, 0.8, 0.2, 1). При системной настройке «уменьшить движение» показывается конечный кадр.

Кнопка / вкладка 180 мс · наведение, выбор

Смена состояния 350 мс · новый статус

Фирменный маршрут 1000 мс · одно действие

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

Примеры применения

Те же правила на реальных страницах сайта.

Первый экран сайта →Тёмная сцена, фирменный объект, оранжевый CTA Панель Agent Wallet →Проверка правил, семантические состояния Рабочее пространство IZIGRAM →Светлый документ, выбранная область доступа

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

Скачать материалы

Публикуются только существующие файлы. Общий ZIP-пакет пока не собран.

Токены · CSSЦвета, шрифты, контейнер, кривая движения · CSS · текст · 9 окт. 2026Скачать

Токены · JSONТот же набор значений для приложений · JSON · текст · 9 окт. 2026Скачать

Краткие правилаЧто входит и как использовать · TXT · текст · 9 окт. 2026Скачать

Логотип SVGНет утверждённого исходникаДокумент готовится

Логотип PNG (светлый / тёмный)Нет утверждённого исходникаДокумент готовится

Бренд-пакет ZIPНет утверждённого исходникаДокумент готовится

Версия и обратная связь

v0.19 окт. 2026 · первая публикация руководства: палитра, типографика, компоненты, токены. Черновик.

Вопрос по использованию брендаЧерез страницу «Контакты»