AI-first код-редактор. Тёплый cream-editorial холст (#f7f7f4) вместо привычного dev-tools-чёрного. Sans-display, monospace для кода, ставка на читаемость документации.
// design: cursor
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#f54e00",
primary-active: "#d04200",
ink: "#26251e",
body: "#5a5852",
body-strong: "#26251e",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-mega
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 72px · 400 · lh 1.1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 36px · 400 · lh 1.2
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 26px · 400 · lh 1.25
display-sm
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 22px · 400 · lh 1.3
title-md
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 18px · 600 · lh 1.4
title-sm
Меняется визуал — формы и тексты остаются нетронутыми.
'CursorGothic' · 16px · 600 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Cursor.