Дизайн-машина · ребрендинг · октябрь 2026

Бренд Финам — теперь точно по официальному UI-киту: жёлтый акцент, серебро и один Inter

Дизайн-система машины перевязана на тему finam официального web-ui-kit: жёлтая заливка с чёрным текстом, серебряные нейтрали, табличные цифры одним Inter. Страница временная — проверьте бренд на живом лендинге и примите решение.

Смотреть витрину

Что изменилось

Бренд

Жёлтый акцент с чёрным текстом

Primary-кнопки, активные табы и бренд-заливки — жёлтый yellow-300…400 из кита; текст на заливке — всегда чёрный (onbrand).

Нейтралы

Silver вместо синей серости

Фоны, тексты и границы перевязаны на шкалу silver темы finam; тёмная тема — карта dark кита: silver-900/925/950.

Типографика

Один Inter и табличные цифры

Числа — тот же Inter var с tnum/lnum, как в ките: ряды котировок выравниваются по разрядам без моно-гарнитуры.

Кит в цифрах

Пакетов в npm6@finam/web-ui-kit-*, релизы октября 2026
Компонентов в Storybook62web-ui-kit.finam.dev, октябрь 2026
Токенов в теме finam932@finam/web-ui-kit-theme-finam@1.4.0

Правила нового бренда

Правило 1

Заливка — отдельно, текст — отдельно

Для заливок — жёлтый yellow-300…400, для текста на светлом — yellow-600 (brand-text). Менять их местами — брак.

Правило 2

Данные — чернильным

KPI, котировки и метрики — цветом ink: контраст жёлтого к белому ниже нормы, числа-данные читаются чёрным.

Правило 3

Синий — только info

#198CFF остался вспомогательным информационным акцентом и больше не играет роль бренда.

Правило 4

Красный — корпоративный и негатив

Логотип, кнопка «Открыть счёт» и падение котировок. Красная кнопка на экране — ровно одна.

▲ +2,41% ▼ −0,87% Риск: высокий Pre-IPO 1 248 300 ₽  ▲ +18,4%  ▼ −0,52%

Вопросы приёмки

Почему жёлтый, а не синий?

Жёлтый — bg-brand темы finam официального кита; синий остался вспомогательным info-акцентом. Все значения взяты из npm-пакетов кита, а не придуманы.

Почему числа не моно-шрифтом?

В ките числовой регистр — тот же Inter var с включёнными tnum/lnum (tabular-nums). Моно-гарнитура в таблицах теперь брак — конвейер выровнен по киту.

Что будет со старыми артефактами?

Артефакты собраны на семантических токенах и перекрашиваются автоматически при обновлении tokens.css; их контент не меняется.

Приняли бренд — возвращайте машину к конвейеру

Смотреть витрину