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

Тёплый cream dev-tools (как у indie ML-playground) с уверенным hot-orange brand accent.

Тёплый cream dev-tools (как у indie ML-playground) с уверенным hot-orange brand accent. Signature swatches, sans + mono, ML-эстетика без интимидации.

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

const palette = {
  primary: "#ea2804",
  primary-deep: "#c01f00",
  on-primary: "#ffffff",
  ink: "#202020",
  body: "#3a3a3a",
}

01 — COLOR PALETTE

Color palette

primary
#ea2804
primary-deep
#c01f00
on-primary
#ffffff
ink
#202020
body
#3a3a3a
charcoal
#575757
mute
#646464
ash
#8d8d8d
stone
#bbbbbb
on-dark
#fcfcfc
on-dark-mute
rgba(252,252,252,0.72)
canvas
#f9f7f3
surface-bone
#f3f0e8
surface-card
#ffffff
surface-dark
#202020
surface-deep
#000000
hairline
rgba(32,32,32,0.12)
hairline-strong
#202020
divider-dark
rgba(255,255,255,0.2)
hero-warm
#ea2804
hero-glow
#ff6a3d
hero-pink
#f4a8a0
badge-success
#2b9a66
link
#ea2804

02 — TYPOGRAPHY

Typography

display-xxl

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

rb-freigeist-neue · 128px · 700 · lh 1

display-xl

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

rb-freigeist-neue · 72px · 700 · lh 1

display-lg

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

rb-freigeist-neue · 48px · 700 · lh 1

display-md

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

rb-freigeist-neue · 30px · 600 · lh 1.2

heading-lg

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

basier-square · 38.4px · 600 · lh 0.83

heading-md

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

basier-square · 24px · 600 · lh 1.33

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

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

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

990 ₽в месяц

04 — DESIGNED FOR

Designed for

saaslanding