Тёмный canvas builder — страница как рабочий artboard. Pure-black поверхности, белый GT Walsheim Medium display, акцентные salmon/coral для CTA. Дизайнерский tool-стиль.
// design: framer
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#ffffff",
on-primary: "#000000",
accent-blue: "#0099ff",
ink: "#ffffff",
ink-muted: "#999999",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
GT Walsheim Framer Medium · 110px · 500 · lh 0.85
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
GT Walsheim Medium · 85px · 500 · lh 0.95
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
GT Walsheim Medium · 62px · 500 · lh 1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
GT Walsheim Medium · 32px · 500 · lh 1.13
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter Variable · 18px · 400 · lh 1.3
body
Меняется визуал — формы и тексты остаются нетронутыми.
Inter Variable · 15px · 400 · lh 1.3
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Framer.