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

Near-pure black холст с off-white текстом и единым signature color — deep editorial-serif Domaine Display.

Near-pure black холст с off-white текстом и единым signature color — deep editorial-serif Domaine Display. Developer-email-API через literary-editorial эстетику.

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

const palette = {
  primary: "#fcfdff",
  primary-on: "#000000",
  ink: "#fcfdff",
  body: "rgba(252,253,255,0.86)",
  charcoal: "rgba(252,253,255,0.7)",
}

01 — COLOR PALETTE

Color palette

primary
#fcfdff
primary-on
#000000
ink
#fcfdff
body
rgba(252,253,255,0.86)
charcoal
rgba(252,253,255,0.7)
mute
#a1a4a5
ash
#888e90
stone
#464a4d
on-light
#000000
on-light-mute
rgba(0,0,51,0.7)
canvas
#000000
surface-card
#0a0a0c
surface-elevated
#101012
surface-deep
#06060a
hairline
rgba(255,255,255,0.06)
hairline-strong
rgba(255,255,255,0.14)
divider-soft
rgba(255,255,255,0.04)
accent-orange
#ff801f
accent-orange-glow
rgba(255,89,0,0.22)
accent-yellow
#ffc53d
accent-blue
#3b9eff
accent-blue-glow
rgba(0,117,255,0.34)
accent-green
#11ff99
accent-green-glow
rgba(34,255,153,0.18)

02 — TYPOGRAPHY

Typography

display-xxl

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

Domaine Display · 96px · 400 · lh 1

display-xl

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

Domaine Display · 76.8px · 400 · lh 1

display-lg

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

ABC Favorit · 56px · 400 · lh 1.2

heading-md

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

Inter · 24px · 500 · lh 1.5

heading-sm

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

Inter · 20px · 500 · lh 1.3

subtitle

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

ABC Favorit · 20px · 400 · lh 1.3

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

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

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

990 ₽в месяц

04 — DESIGNED FOR

Designed for

saaslanding