Photography-first discovery система вокруг Pinterest Red CTA, masonry pin-grid, soft warm-cream хром. Изображения главные, всё остальное служит им.
// design: pinterest
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#e60023",
on-primary: "#ffffff",
primary-pressed: "#cc001f",
ink: "#000000",
ink-soft: "#211922",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 70px · 600 · lh 1.1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 44px · 700 · lh 1.15
heading-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 28px · 700 · lh 1.2
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 22px · 600 · lh 1.25
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 18px · 600 · lh 1.3
body-md
Меняется визуал — формы и тексты остаются нетронутыми.
Pin Sans · 16px · 400 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Pinterest.