MODERN UI GUIDELINES
Color Tokens
--bg
page background — near black, warm
#0e0e0c
--fg
primary text — warm off-white
#f0ede6
--dim
muted text, borders, secondary
#4a4a46
--acc
accent — orange gold, sparingly
#c07a20
--surface
card/surface, lighter than bg
#1a1a18
--border
subtle border
rgba(240,237,230,0.08)
Typography
font-family: 'DM Mono', monospace
font-weight: 300 (light) for body, 400 for emphasis
letter-spacing: 0.02em to 0.1em contextually
never use sans-serif fonts
Design Principles
brutally minimal — no decorative excess
dark background always
hierarchy via weight + spacing + color, not size
accent color for interaction only
borders nearly invisible
generous spacing, breathing room
transitions: 0.15s ease on hover only
The Mark
two diamonds stacked, overlapping by half
top = outline, bottom = filled
proportions 2:3 (width:height)
viewBox="-5 -5 110 160" overflow="visible"
Wordmark
erikg.org
API
GET /data/:collection → { data }
POST /data/:collection + JSON body → { ok: true }
GET /pages/:slug → { html, title }
GET /pages → { pages: [...] }