Workplace messaging на deep aubergine primary, cream-lavender hero-градиенты, blue/yellow accents. Корпоративно-friendly с playful nuance.
// design: slack
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#4a154b",
primary-deep: "#481a54",
primary-press: "#611f69",
primary-tint: "#592466",
on-primary: "#ffffff",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 64px · 700 · lh 1.12
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 58px · 600 · lh 1.25
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 50px · 700 · lh 1.12
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 32px · 700 · lh 1.25
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 24px · 700 · lh 1.33
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
Salesforce-Avant-Garde · 22px · 600 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Slacc Inspired.