Photography-first интерфейс — маркетинг как музейная галерея. Edge-to-edge продуктовые тайлы, чередование светлых и тёмных холстов, SF Pro Display headlines, единый Action Blue (#0066cc) как кликабельный цвет.
// design: apple
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#0066cc",
primary-focus: "#0071e3",
primary-on-dark: "#2997ff",
ink: "#1d1d1f",
body: "#1d1d1f",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
hero-display
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Display · 56px · 600 · lh 1.07
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Display · 40px · 600 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Text · 34px · 600 · lh 1.47
body-strong
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Text · 17px · 600 · lh 1.24
body
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Text · 17px · 400 · lh 1.47
caption
Меняется визуал — формы и тексты остаются нетронутыми.
SF Pro Text · 14px · 400 · lh 1.43
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Apple.