# Supergraphic Panel

> A standalone, replicable design system: dark, legible, structurally
> asymmetric, unapologetically chromed. Sunflower-amber body text on pure
> black, butterscotch chrome with heavy tracking, asymmetric LCARS-style
> elbows, and strict one-job-per-color / one-role-per-font discipline.
> Extracted from the Chat Archaeologist viewer to live independently.

## Design system

- [Walkthrough](https://supergraphic-panel.pages.dev/): human-facing overview with palette swatches, the typography triad, and port recipes.
- [Spec](https://supergraphic-panel.pages.dev/spec.md): the canonical prose specification (≈2400 words). Written to be read by LLM agents applying the system to a new project. Read this first.
- [Design tokens](https://supergraphic-panel.pages.dev/tokens.json): DTCG 2025.10 format. Source palette and font families are extracted from `styles.css`; scale tokens (radius, shadow, duration, font sizes/weights, status aliases) are prescriptive.
- [Stylesheet](https://supergraphic-panel.pages.dev/styles.css): the source of truth for the `--lcars-*` token values. Wrap your tree in `.lcars-root` and import it verbatim.

## About

- [GitHub repository](https://github.com/BryceEWatson/supergraphic-panel): source, including the token generator and drift guard.
- Provenance: originally the visual identity of the Chat Archaeologist viewer ([github.com/BryceEWatson/chat-arch](https://github.com/BryceEWatson/chat-arch)); extracted to stand on its own.
- Attribution: an unofficial homage to Michael Okuda's LCARS design language for *Star Trek: The Next Generation* (1987). Not affiliated with or endorsed by Paramount Pictures or CBS Studios. See §10 of the spec for the full posture.