Vibrant claymation встречает data — для GTM-платформы Clay.com. Белый холст, dark-navy primary CTA, кастомные округлые display-шрифты, мульти-цветные иллюстрации.
// design: clay
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#0a0a0a",
primary-active: "#1f1f1f",
primary-disabled: "#e5e5e5",
ink: "#0a0a0a",
body: "#3a3a3a",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Plain Black · 72px · 500 · lh 1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Plain Black · 56px · 500 · lh 1.05
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Plain Black · 40px · 500 · lh 1.1
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Plain Black · 32px · 500 · lh 1.15
title-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 24px · 600 · lh 1.3
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 18px · 600 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Clay.