Уверенный black-and-white каркас, прерываемый oversized hand-cut pastel color blocks. Монохромный маркетинговый холст, figmaSans variable, pill-shaped CTA. Технически и радостно одновременно.
// design: figma
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#000000",
on-primary: "#ffffff",
ink: "#000000",
canvas: "#ffffff",
inverse-canvas: "#000000",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 86px · 340 · lh 1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 64px · 340 · lh 1.1
card-title
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 24px · 700 · lh 1.45
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 20px · 330 · lh 1.4
body
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 18px · 320 · lh 1.45
body-sm
Меняется визуал — формы и тексты остаются нетронутыми.
figmaSans · 16px · 330 · lh 1.45
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Figma.