Dev-platform — stark black-and-ink duet на near-white холсте, прерываемый mesh-gradient на hero (cyan/blue/magenta/amber). Geometric sans + mono. Серьёзно и кинетично.
// design: vercel
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#171717",
on-primary: "#ffffff",
ink: "#171717",
body: "#4d4d4d",
mute: "#888888",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 48px · 600 · lh 48px
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 32px · 600 · lh 40px
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 24px · 600 · lh 32px
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 20px · 600 · lh 28px
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 18px · 400 · lh 28px
body-md
Меняется визуал — формы и тексты остаются нетронутыми.
Geist · 16px · 400 · lh 24px
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Vercel Inspired.