Workflow-automation платформа сочетает warm-cream neutrals (#fffefb canvas, #f8f4f0 surfaces) с signature orange-red CTA. Approachable, productivity-friendly.
// design: zapier
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#ff4f00",
on-primary: "#fffefb",
ink: "#201515",
ink-soft: "#2f2a26",
ink-mid: "#36342e",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Degular Display · 56px · 500 · lh 56px
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Degular Display · 48px · 500 · lh 48px
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Degular Display · 32px · 500 · lh 36px
display-sub-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 48px · 500 · lh 49.92px
display-sub-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 32px · 400 · lh 40px
display-sub-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 24px · 600 · lh 30px
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Zapier Inspired.