Design System · v1.0

Все правила, по которым устроен сайт mp-llc.ru

Цвет, типографика, компоненты, motion и токены — собраны из живого кода и приведены к одному источнику правды.

Цвет

Единственный насыщенный цвет — #071246 Brand Navy. Всё остальное — холодные нейтрали в гамме 226–228°.

Brand Navy

#071246
hsl(229 82% 15%)

Logo, primary CTA, hero overlay

Background

#FAFBFD
hsl(228 33% 99%)

Page bg, near-white cool

Card

#FFFFFF
hsl(0 0% 100%)

Card / header surface

Foreground

#1F2438
hsl(226 33% 18%)

Body text

Muted FG

#6F7B9C
hsl(228 32% 53%)

Secondary copy

Border

#DFE3EE
hsl(227 30% 91%)

Hairlines, inputs

Accent

#E5E9F2
hsl(225 33% 93%)

Hover / focus surface

Destructive

#EE5959
hsl(0 82% 65%)

Errors only

Charts — нэви-рамп

Никаких новых акцентов для графиков. Только пять оттенков от Brand Navy до прохладного нейтраля.

chart-1
#071246

chart-2
#0E3382

chart-3
#5C7CEA

chart-4
#92A6F0

chart-5
#A0AAC4

Типографика

Двушрифтовая система. Inter Bold (700) — только для логотипа (mark + wordmark). Fira Sans 400/500/600/700 — всё остальное (UI, заголовки, текст). Курсив не загружен — использовать запрещено.

Веса (Fira Sans)

400 Regular

МЕСТО Aa Бб

500 Medium

МЕСТО Aa Бб

600 SemiBold

МЕСТО Aa Бб

700 Bold

МЕСТО Aa Бб

Шкала

Display · 60 / 48 / 36 px · w 600

Партнёр для бизнеса и брендов

H2 · 30 px · w 600

Системный подход к реализации

H3 · 18 px · w 600

Pop-Up пространства

Body · 16 px · w 400 · LH 1.625

Берём на себя полный цикл проекта — от идеи и концепции до производства и реализации пространства.

Body sm · 14 px · w 400

Концепции сезонных и флагманских витрин для торговых пространств.

Micro · 12 px · w 600 · UPPER · +0.15em

Ключевые направления

Wordmark · 16 px · w 700 · UPPER · +0.15em (Inter Bold)

МЕСТО

Логотип

Знак — сплошная заглавная М в Inter Bold (700). Wordmark — «МЕСТО» в Inter Bold с трекингом 0.15em. Знак и слово никогда не используются вместе — выбираем одно из двух в зависимости от контекста.