Чистый calendar-software интерфейс на белом холсте с чёрными CTA и кастомным Cal Sans. Дружелюбный без приторности, productivity без перегруза. Для SaaS и лендингов.
// design: cal
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#111111",
primary-active: "#242424",
primary-disabled: "#e5e7eb",
ink: "#111111",
body: "#374151",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Cal Sans · 64px · 600 · lh 1.05
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Cal Sans · 48px · 600 · lh 1.1
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Cal Sans · 36px · 600 · lh 1.15
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Cal Sans · 28px · 600 · lh 1.2
title-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 22px · 600 · lh 1.3
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 18px · 600 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Cal.com.