Финтех-инфраструктура с product-design уверенностью. Deep navy ink + electric indigo primary + повторяющийся violet gradient mesh. Sohne typeface, mono для чисел.
// design: stripe
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#533afd",
primary-deep: "#4434d4",
primary-press: "#2e2b8c",
primary-soft: "#665efd",
primary-bg-subdued-hover: "#b9b9f9",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 56px · 300 · lh 1.03
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 48px · 300 · lh 1.15
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 32px · 300 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 26px · 300 · lh 1.12
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 22px · 300 · lh 1.1
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
sohne-var · 20px · 300 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Stripi Inspired.