Documentation-infrastructure с dual-mode эстетикой — атмосферные sky-gradient hero (cloud-иллюстрации, soft cream-white поверхности) для маркетинга + чистая mono-doc для contents.
// design: mintlify
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#0a0a0a",
on-primary: "#ffffff",
brand-green: "#00d4a4",
brand-green-deep: "#00b48a",
brand-green-soft: "#7cebcb",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
hero-display
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 72px · 600 · lh 1.05
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 56px · 600 · lh 1.1
heading-1
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 48px · 600 · lh 1.1
heading-2
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 36px · 600 · lh 1.2
heading-3
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 28px · 600 · lh 1.25
heading-4
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 22px · 600 · lh 1.3
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Mintlify.