SUPERGRAPHIC PANEL

A standalone, replicable design system: dark, legible, structurally asymmetric, unapologetically chromed. Body text sits in warm sunflower amber on pure black; chrome — labels, bars, pills — wears butterscotch with heavy tracking. Shapes are rectangular with one-corner bends: asymmetric 32–40px elbows, half-pill sidebar tabs, 3px left-accent rules on cards. Hierarchy comes from color role and surface stepping, not drop shadows.

Extracted from the Chat Archaeologist viewer to live independently. Direct visual inspiration: Michael Okuda's LCARS (Star Trek: The Next Generation, 1987). Unofficial — not affiliated with or endorsed by Paramount Pictures or CBS Studios. See §10 of the spec for the full posture.

color.sunflower
#ffcc99
Primary text, titles, KPI values, focused states.
color.sunflower-muted
#d9ad82
Pre-composited inactive sidebar background (holds 10.25:1 for black text).
color.butterscotch
#dd9944
Chrome: top bar, sidebar elbows, ALL-CAPS labels. Never body text.
color.butterscotch-muted
#6a4a20
Muted chrome for inactive mobile pill-bar items.
color.ice
#99ccff
Data and code: model names, inline code, quantitative highlights.
color.violet
#cc99cc
Thinking / processing: streaming indicators, analysis running.
color.peach
#ff9933
Cost and error accent. Attention, not alarm.
color.bg
#000000
Root frame background. Pure black.
color.bg-1
#07070a
Card and panel surface. One step above root.
color.bg-2
#0d0d12
Card hover surface. One step above bg-1.
color.dim
#665544
Inert placeholder glyphs only (em-dashes, missing values). Fails AA for body.
color.divider
rgba(221, 153, 68, 0.18)
Panel and card borders. Low-alpha butterscotch — never re-tint.
font.family.chrome
CHAT ARCHAEOLOGIST
Antonio, Oswald, Impact, sans-serif
font.family.prose
The session surfaced a bug in the parser.
IBM Plex Sans, Segoe UI, system-ui, sans-serif
font.family.mono
claude-opus-4-8 · 2026-04-21 14:05
JetBrains Mono, Consolas, Menlo, monospace
elbow · 40px 0 0 0
half-pill · 0 18px 18px 0
card · 8px + 3px ice rule