Документация-first система — главная как Markdown README. Paper-white canvas, 36px center-aligned heading, минимум хрома. Для open-source dev-tools и API-проектов.
// design: ollama
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#000000",
on-primary: "#ffffff",
ink: "#000000",
ink-deep: "#090909",
charcoal: "#525252",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Rounded · 36px · 500 · lh 1.11
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Rounded · 30px · 500 · lh 1.2
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Rounded · 24px · 600 · lh 1.33
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
ui-sans-serif · 20px · 500 · lh 1.4
heading-sm
Меняется визуал — формы и тексты остаются нетронутыми.
ui-sans-serif · 18px · 500 · lh 1.56
body-md
Меняется визуал — формы и тексты остаются нетронутыми.
ui-sans-serif · 16px · 400 · lh 1.5
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Ollama.