Visual web-development платформа: deep near-black (#080808) primary против stark white documentation. Sans display, sophisticated tool-эстетика.
// design: webflow
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#080808",
on-primary: "#ffffff",
ink: "#080808",
ink-strong: "#222222",
body: "#363636",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 80px · 600 · lh 83.2px
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 56px · 600 · lh 58.24px
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 44.8px · 600 · lh 46.6px
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 32px · 500 · lh 41.6px
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 24px · 500 · lh 31.2px
display-xs
Меняется визуал — формы и тексты остаются нетронутыми.
WF Visual Sans Variable · 20px · 500 · lh 28px
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Webflow Inspired.