❯ /ds
The method, applied to itself.
This site's own living system. Primitives, semantics, components, in the same discipline as the client work.
Primitives
Raw values. Color, type, space.
--background#FAFAFA · #0A0A0A
--foreground#111111 · #EDEDED
--secondary#6E6E6E · #8A8A8A
--hairline#E4E4E4 · #222222
--card#FFFFFF · #111111
displayNewsreader Lightstatements, the name
bodyGeist Sansprose, descriptions
monoGeist Monocommands, tags, facts
Semantics
What the values mean. Tokens with jobs.
backgroundthe field of quiet
foregroundthe ink
secondarywhat supports, never competes
hairlinethe only line allowed
cardthe terminal surface
Components
The parts this site is made of. Live, not screenshots.
<Statement/>
consumers: home · /work · every case pageOne claim per viewport.
<FactLine/>
consumers: every case page · /work cardscomponent · mono strip · replaces the responsibilities paragraph
<TerminalCard/>
consumers: footer (all pages) · whoami (home) · 404paul@puebla — demo
❯ component --demo
renders inside its own anatomy page.
<GhGrid/>
consumers: home · /toolsstatus: living · this page grows as the site does
The production-scale version of this runs Voyager. ❯ /work/voyager