Design System · v1

Clean Utility.

The canonical reference for tokens, type, and components used across OpenHere marketing and product surfaces. Editapp/globals.cssandapp/components/ui/*to change the system.

← HomeJump to components →
01 — Palette

Every surface uses the same ten colors.

Surfaces
Paper tones + rules
paper
--color-paper#ffffff
paper-2
--color-paper-2#fafafa
paper-3
--color-paper-3#f4f4f5
paper-4
--color-paper-4#eceef1
rule
--color-rule#e4e4e7
rule-soft
--color-rule-soft#ededf0
Ink
Text + heavy surfaces
ink
--color-ink#0d0d0f
ink-2
--color-ink-2#1d1d20
ink-soft
--color-ink-soft#3d3d42
ink-mute
--color-ink-mute#6b6b73
ink-faint
--color-ink-faint#9ea0a8
Signal
Brand accent + semantic
signal
--color-signal#ea580c
signal-2
--color-signal-2#f97316
signal-deep
--color-signal-deep#c2410c
signal-wash
--color-signal-wash#fff4ed
go
--color-go#16a34a
hold
--color-hold#d97706
stop
--color-stop#dc2626
02 — Typography

Inter Tight display, Inter body.

Display
Hero headlines only
type-display · .type-display
Know what to open, where.
Headings
Section + subsection
type-h1 · .type-h1
See exactly what you're paying for.
type-h2 · .type-h2
Three findings that reshape selection.
type-h3 · .type-h3
What's already here.
type-h4 · .type-h4
Specialty coffee + workspace.
Body
Prose + metadata
type-lede · .type-lede
Enter an address. Our agent reads the neighborhood through Google Maps and public data, finds the gap, and tells you what to open.
type-body · .type-body
Every report has four sections: what's there, what's missing, what to open, and a go/no-go verdict with confidence.
type-small · .type-small
Generated 18 Apr 2026 · 14:22 UTC · run ax9-221k
type-meta (mono) · .type-meta
run_id · ax9-221k · premium · 10mi
type-eyebrow · .type-eyebrow
Sample report
03 — Components

Small, composable, boring on purpose.

Buttons
variant × size
As link
Chips
Eyebrows + gap tags + verdict pills
Premium report · $149New releaseGO · confidence 82%NO-GO · confidence 41%specialty coffee · gap +68%workspace café · gap +54%
Cards
Default + featured
Report section

What's already here.

47 food & beverage, 12 retail, 8 services. QSR-heavy; specialty thin.

Recommendation · top pick

Specialty coffee + workspace.

14.2k daytime footfall, 2 direct competitors, 31% WFH cohort, 1.1σ demo fit.

Tones on Section
paper / paper-2 / ink
tone="paper"
Default surface — white.
tone="paper-2"
Alternate surface — near-white.
tone="ink"
Statement surface — near-black.
04 — Radii & elevation

Rounded-but-crisp. No glow.

Radii
xs → 2xl + pill
--radius-xs
6px
--radius-sm
8px
--radius-md
10px
--radius-lg
14px
--radius-xl
18px
--radius-2xl
24px
--radius-pill
999px
Shadows
card / lift / float / featured
shadow-card
Default
shadow-lift
Hover state
shadow-float
Hero form
shadow-featured
Premium tier
OpenHere · Clean Utility · v1 · edit app/globals.css
Home