Сдержанный workflow-софт интерфейс на белом холсте с тёмной типографикой. Акцент — fullbleed карточки в коралловом, тёмно-сливовом и жёлтом. Подходит SaaS и портфолио.
// design: airtable
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#181d26",
primary-active: "#0d1218",
ink: "#181d26",
body: "#333840",
muted: "#41454d",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Haas Groot Disp · 48px · 500 · lh 1.1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Haas Groot Disp · 40px · 400 · lh 1.2
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
Haas Groot Disp · 32px · 400 · lh 1.2
title-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Haas · 24px · 400 · lh 1.35
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
Haas Groot Disp · 20px · 400 · lh 1.5
title-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Haas · 18px · 500 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Airtable.