Playful dev-tools на warm cream холсте с hand-drawn ёжиками-маскотами, разбросанными как marginalia в скетчбуке. Sans display, friendly approach к analytics.
// design: posthog
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#f7a501",
primary-pressed: "#dd9001",
primary-active: "#b17816",
on-primary: "#23251d",
ink: "#23251d",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 36px · 700 · lh 1.5
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 24px · 800 · lh 1.33
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 21px · 700 · lh 1.4
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 20px · 700 · lh 1.4
heading-sm
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 18px · 700 · lh 1.5
heading-sm-mixed
Меняется визуал — формы и тексты остаются нетронутыми.
IBM Plex Sans Variable · 18px · 600 · lh 1.56
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из PostHog.