← Все дизайныПревью: BMW · только визуальный шаблон, реальный CSS генерируется при «Применить»
webrelay/redesignsbmw
Применить дизайн

Корпоративный automotive-интерфейс — спокойный и измеренный.

Корпоративный automotive-интерфейс — спокойный и измеренный. Светлый cream-холст, BMW Type Next в тёмной типографике, premium-фотография автомобилей. Серьёзный, без motorsport-крика.

ПрименитьКаталог
// design: bmw
import { tokens } from '@webrelay/redesign'

const palette = {
  primary: "#1c69d4",
  primary-active: "#0653b6",
  primary-disabled: "#d6d6d6",
  ink: "#262626",
  body: "#3c3c3c",
}

01 — COLOR PALETTE

Color palette

primary
#1c69d4
primary-active
#0653b6
primary-disabled
#d6d6d6
ink
#262626
body
#3c3c3c
body-strong
#1a1a1a
muted
#6b6b6b
muted-soft
#9a9a9a
hairline
#e6e6e6
hairline-strong
#cccccc
canvas
#ffffff
surface-soft
#f7f7f7
surface-card
#fafafa
surface-strong
#ebebeb
surface-dark
#1a2129
surface-dark-elevated
#262e38
on-primary
#ffffff
on-dark
#ffffff
on-dark-soft
#bbbbbb
m-blue-light
#0066b1
m-blue-dark
#1c69d4
m-red
#e22718
success
#22c55e
warning
#f59e0b

02 — TYPOGRAPHY

Typography

display-xl

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 64px · 700 · lh 1.05

display-lg

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 48px · 700 · lh 1.1

display-md

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 32px · 700 · lh 1.15

display-sm

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 24px · 700 · lh 1.25

title-lg

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 20px · 700 · lh 1.3

title-md

Меняется визуал — формы и тексты остаются нетронутыми.

'BMW Type Next Latin' · 18px · 700 · lh 1.4

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

Карточка тарифа

Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из BMW.

990 ₽в месяц

04 — DESIGNED FOR

Designed for

landingportfolio