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

Финансовая платформа на глубоком near-black холсте с фирменным жёлтым (#FCD535) для CTA и акцентов.

Финансовая платформа на глубоком near-black холсте с фирменным жёлтым (#FCD535) для CTA и акцентов. Уверенный sans, плотная информационная сетка, dashboard-эстетика.

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

const palette = {
  primary: "#fcd535",
  primary-active: "#f0b90b",
  primary-disabled: "#3a3a1f",
  ink: "#181a20",
  body: "#eaecef",
}

01 — COLOR PALETTE

Color palette

primary
#fcd535
primary-active
#f0b90b
primary-disabled
#3a3a1f
ink
#181a20
body
#eaecef
body-on-light
#181a20
muted
#707a8a
muted-strong
#929aa5
hairline-on-light
#eaecef
hairline-on-dark
#2b3139
border-strong
#cdd1d6
canvas-light
#ffffff
canvas-dark
#0b0e11
surface-card-dark
#1e2329
surface-elevated-dark
#2b3139
surface-soft-light
#fafafa
surface-strong-light
#f5f5f5
on-primary
#181a20
on-dark
#ffffff
trading-up
#0ecb81
trading-down
#f6465d
accent-turquoise
#2dbdb6
info
#3b82f6
info-ring
#3b82f6

02 — TYPOGRAPHY

Typography

hero-display

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

BinanceNova · 64px · 700 · lh 1.1

display-lg

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

BinanceNova · 48px · 700 · lh 1.1

display-md

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

BinanceNova · 40px · 600 · lh 1.15

display-sm

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

BinanceNova · 32px · 600 · lh 1.2

title-lg

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

BinanceNova · 24px · 600 · lh 1.3

title-md

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

BinanceNova · 20px · 600 · lh 1.35

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

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

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

990 ₽в месяц

04 — DESIGNED FOR

Designed for

landingsaas