Phase 0 — internal reference
Component library
Placeholder fonts, exact brand colors. Swap fonts and logo assets later without touching any component below.
Logo & wordmark
LogoMark — hero / auth card only
Wordmark — nav and small sizes
The figure carries too much line detail to survive a 24px nav bar, so the two aren’t interchangeable — large contexts get the mark, small ones get the type.
Color
Deep Navy / Space Black
#0A0F18
Deep Space
#0B0F1A
Slate Navy
#111827
Portal Blue
#48A8FF
Portal Blue Deep
#0E3A53
Portal Cyan
#55BABC
Spectral Blue
#1E90FF
Neon Indigo
#5A0ECD
Quantum Magenta
#C92AF6
Star White
#F8F9FA
Gradients
Deep-space gradient
Portal field (muted, no hotspot)
Typography
Display — Space Grotesk
Body — Literata. Complex ideas; ordinary language. This is the reading typeface — long-form book prose, not internet prose.
Mono — IBM Plex Mono / labels, badges, code
Buttons
Access tiers
Three tiers, not two: public needs no login (blog, SEO surface), registered is free but requires an account — that’s the funnel, where the Guide lives — and member requires an active entitlement.
Input
Card
History of the Light
A Field Guide for Spiritual Electricians
Text contrast
Placeholder greys, but checked against --bg-primary. Keep replacements above 4.5:1.
text-primary — 18.4:1 · passes AAA
text-muted — 6.2:1 · passes AA
text-faint — 4.8:1 · passes AA