Сильная dual-mode идентичность — deep-teal hero-баны с яркой MongoDB Green (#00ED64) CTA для маркетинга + stark-white docs. Database-tool с personality.
// design: mongodb
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#00ed64",
primary-deep: "#00b545",
primary-pressed: "#008c34",
on-primary: "#001e2b",
brand-green: "#00ed64",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
hero-display
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 72px · 500 · lh 1.1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 56px · 500 · lh 1.15
heading-1
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 48px · 500 · lh 1.2
heading-2
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 36px · 500 · lh 1.25
heading-3
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 28px · 500 · lh 1.3
heading-4
Меняется визуал — формы и тексты остаются нетронутыми.
Euclid Circular A · 22px · 500 · lh 1.35
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из MongoDB.