High-performance database на near-pure black холсте с электрически-жёлтым акцентом. Белая sans-типографика, жёлтые CTA, плотная техническая сетка. Для dev-tools и инфраструктуры.
// design: clickhouse
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#faff69",
primary-active: "#e6eb52",
primary-disabled: "#3a3a1f",
ink: "#ffffff",
body: "#cccccc",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 72px · 700 · lh 1.05
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 56px · 700 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 40px · 700 · lh 1.15
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 32px · 700 · lh 1.2
title-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 24px · 700 · lh 1.3
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 18px · 600 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из ClickHouse.