Transportation/delivery super-app — black-and-white duet с кастомным Uber Move font. Confident, корпоративный, без излишеств. Для лендингов и магазинов.
// design: uber
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#000000",
on-primary: "#ffffff",
ink: "#000000",
body: "#5e5e5e",
mute: "#afafaf",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
UberMove · 52px · 700 · lh 64px
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
UberMove · 36px · 700 · lh 44px
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
UberMove · 32px · 700 · lh 40px
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
UberMove · 24px · 700 · lh 32px
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
UberMove · 20px · 700 · lh 28px
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
UberMoveText · 18px · 500 · lh 24px
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Uber Inspired.