Тёплый editorial-интерфейс Anthropic Claude. Tinted-cream холст, slab-serif display (Copernicus), коралловые CTA, dark navy product-mockup карточки. Литературная эстетика для AI-продукта.
// design: claude
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#cc785c",
primary-active: "#a9583e",
primary-disabled: "#e6dfd8",
ink: "#141413",
body: "#3d3d3a",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Copernicus · 64px · 400 · lh 1.05
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Copernicus · 48px · 400 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Copernicus · 36px · 400 · lh 1.15
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Copernicus · 28px · 400 · lh 1.2
title-lg
Меняется визуал — формы и тексты остаются нетронутыми.
StyreneB · 22px · 500 · lh 1.3
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
StyreneB · 18px · 500 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Claude.