Near-black product-marketing canvas вокруг #010102 — самой глубокой тёмной поверхности в коллекции. Light gray text (#f7f8f8), фирменная diagonal-stroke иллюстрация. Tool-эстетика для SaaS и портфолио.
// design: linear-app
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#5e6ad2",
on-primary: "#ffffff",
primary-hover: "#828fff",
primary-focus: "#5e69d1",
ink: "#f7f8f8",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Display · 80px · 600 · lh 1.05
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Display · 56px · 600 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Display · 40px · 600 · lh 1.15
card-title
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Display · 22px · 500 · lh 1.25
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Text · 18px · 400 · lh 1.5
body
Меняется визуал — формы и тексты остаются нетронутыми.
Linear Text · 16px · 400 · lh 1.5
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Linear.