Terminal-native маркетинг полностью в Berkeley Mono — каждое слово на странице, от заголовка до футера, monospace. Для dev-tools, CLI-проектов, terminal-эстетики.
// design: opencode-ai
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#201d1d",
on-primary: "#fdfcfc",
ink: "#201d1d",
ink-deep: "#0f0000",
charcoal: "#302c2c",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 38px · 700 · lh 1.5
heading-md
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 16px · 700 · lh 1.5
body-md
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 16px · 400 · lh 1.5
body-strong
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 16px · 500 · lh 1.5
body-tight
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 16px · 500 · lh 1
button-md
Меняется визуал — формы и тексты остаются нетронутыми.
Berkeley Mono · 16px · 500 · lh 2
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из OpenCode.