← Все дизайныПревью: MiniMax · только визуальный шаблон, реальный CSS генерируется при «Применить»
webrelay/redesignsminimax
Применить дизайн

Premium AI-инфраструктура через дуальность — bold black-pill CTAs + stark-white маркетинговый холст для маркетинга, технические dark surfaces для product-pages.

Premium AI-инфраструктура через дуальность — bold black-pill CTAs + stark-white маркетинговый холст для маркетинга, технические dark surfaces для product-pages.

ПрименитьКаталог
// design: minimax
import { tokens } from '@webrelay/redesign'

const palette = {
  primary: "#0a0a0a",
  on-primary: "#ffffff",
  primary-soft: "#181e25",
  brand-coral: "#ff5530",
  brand-magenta: "#ea5ec1",
}

01 — COLOR PALETTE

Color palette

primary
#0a0a0a
on-primary
#ffffff
primary-soft
#181e25
brand-coral
#ff5530
brand-magenta
#ea5ec1
brand-blue
#1456f0
brand-blue-mid
#3b82f6
brand-blue-deep
#1d4ed8
brand-blue-700
#17437d
brand-cyan
#3daeff
brand-blue-200
#bfdbfe
brand-purple
#a855f7
canvas
#ffffff
surface
#f7f8fa
surface-soft
#f2f3f5
hairline
#e5e7eb
hairline-soft
#eaecf0
ink
#0a0a0a
ink-strong
#000000
charcoal
#222222
slate
#45515e
steel
#5f5f5f
stone
#8e8e93
muted
#a8aab2

02 — TYPOGRAPHY

Typography

hero-display

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 80px · 600 · lh 1.1

display-lg

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 56px · 600 · lh 1.1

heading-lg

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 40px · 600 · lh 1.2

heading-md

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 32px · 600 · lh 1.25

heading-sm

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 24px · 600 · lh 1.3

card-title

Меняется визуал — формы и тексты остаются нетронутыми.

DM Sans · 20px · 600 · lh 1.4

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

Карточка тарифа

Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из MiniMax.

990 ₽в месяц

04 — DESIGNED FOR

Designed for

saaslanding