Маркетинг как extended product screenshot — chrome это product-chrome в маркетинговом масштабе. Pure-near-black холст, hairline-borders, monospace, single signature glow.
// design: raycast
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#ffffff",
primary-pressed: "#e8e8e8",
on-primary: "#000000",
ink: "#f4f4f6",
body: "#cdcdcd",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 64px · 600 · lh 1.1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 56px · 500 · lh 1.17
heading-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 24px · 500 · lh 1.6
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 22px · 500 · lh 1.15
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 20px · 500 · lh 1.4
heading-sm
Меняется визуал — формы и тексты остаются нетронутыми.
Inter · 18px · 500 · lh 1.4
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Raycast.