37°25′N · 122°10′W

Admiralty

Design language preview for Grapher — a visual outreach and networking canvas.

§ I · Type

Display · Instrument Serif · 400
Plot the course
Display Italic
In progress
Heading · Hanken Grotesk · 600
Stanford campus music ecosystem
Body · Hanken Grotesk · 400

Each campaign is an interactive canvas of entities and labeled edges. Start from a central entity — a college, a competitor, a sitemap — and grow the graph manually or via LLM-assisted expansion.

Body Small · Hanken Grotesk · 400

Per-field audit history. Trust pending until reviewed by the operator.

Mono · Fragment Mono · 400
ENTITY · 0x42af · 2026-06-15T14:30:00Z
Mono Italic — edge labels
member_of · founded · invested_in

§ II · Palette

bg
--bg
bg-elevated
--bg-elevated
bg-subtle
--bg-subtle
fg
--fg
fg-muted
--fg-muted
fg-subtle
--fg-subtle
rule
--rule
rule-strong
--rule-strong
accent
--accent
accent-hover
--accent-hover
accent-warm
--accent-warm
focus-ring
--focus-ring

Single accent is copper. Old-gold is reserved for trust-pending (auto-filled by Claude, not yet reviewed). One color, one meaning.

§ III · Entity treatments (canvas nodes)

Person
Sarah Chen
sarah@stanfordmusic.org
igintw
Person · ACTIVE
Mike Davis
mike@berkeleyjazz.com
igin
Club · TRUST PENDING
Stanford Jazz Society
@stanfordjazz
ig

§ IV · Action language

§ V · Hairlines

border-rule (default)
border-rule-strong (table, section)
border-accent (active edge)
dashed (suggested edge, unconfirmed)