Enterprise-infrastructure маркетинг на near-black холсте (#000000) с per-product accent-палитрой: Terraform purple, Vault yellow, Consul magenta, Nomad green. Серьёзно и систематично.
// design: hashicorp
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#000000",
on-primary: "#ffffff",
accent-blue: "#2b89ff",
ink: "#ffffff",
ink-muted: "#b2b6bd",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 80px · 700 · lh 1.17
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 56px · 700 · lh 1.18
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 40px · 600 · lh 1.19
card-title
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 22px · 600 · lh 1.18
body-lg
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 18px · 500 · lh 1.69
body
Меняется визуал — формы и тексты остаются нетронутыми.
hashicorpSans · 16px · 500 · lh 1.5
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из HashiCorp.