DISpatch

Search DISpatch

Search DISpatch

Articles, districts, dispatches, footnotes — the city's index.
Back to DISpatch

Colophon · Editorial mandate

About DISpatch

A serialized publication that documents the construction of Prime City through dispatches from inside the work. Civic-archive aesthetic — paper, ink, the occasional red signal. Below is the colophon: the typefaces and palette that the rest of this site will speak in.

A Way ForwardThe Prime cosmology

Prime City is being built layer by layer. The cosmology IS the repo — every layer is a folder, every folder a domain. The terminal beside this paragraph shows the actual GSAP timeline driving the Crossfire dossier deck on the homepage. Real code, not a sample.

Nothing about this cosmology is aspirational. It is the working structure already in production, and every dispatch DISpatch publishes is filed against one of these seven layers.

code/components/home/CrossfireSpread.tsx — gsap timeline
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
// Crossfire dossier deck — Lenis ↔ ScrollTrigger bridge
const ctx = gsap.context(() => {
  const cards = gsap.utils.toArray<HTMLElement>('.dossier-card')
  const N = cards.length

  gsap.set(cards, { clipPath: 'inset(0% 0% 0% 0%)' })

  const tl = gsap.timeline({
    scrollTrigger: {
      trigger: pinRef.current,
      start: 'top top',
      end: () => `+=${(N - 1) * window.innerHeight}`,
      pin: pinRef.current,
      scrub: 0.8,
      anticipatePin: 1,
    },
  })

  // Each card flips away after a 45% dwell window
  for (let i = 0; i < N - 1; i++) {
    tl.to(cards[i], { yPercent: -120, rotateX: -28, opacity: 0, ease: flipEase, duration: 0.55 }, i + 0.45)
  }
}, sectionRef)
● main·22 lines·tsx
0 errors · 0 warnings

Canonical Prime cosmology · 7 layers registered

  1. I.

    Empyrean

    1 Mayor

  2. II.

    Paradiso

    9 Charter Spheres

  3. III.

    Eden

    1 (with per-allied subfolders)

  4. IV.

    Purgatorio

    7 Organizational Terraces

  5. V.

    Inferno

    9 Infra Layers

  6. VI.

    Pillars

    5 Construction Pillars

  7. VII.

    Histories

    Archive

— City Charters will be published into paradiso/ as they are drafted. Each charter ratifies one sphere of how Prime behaves; DISpatch will dispatch the ratification.

Typography roles

5 contained typefaces

Wordmark

Pangram Editorial New Bold

DISpatch

Nav

Pangram Sans Normal ExtraBold

Home · Articles · Atlas · About

Narrative title

Vollkorn Bold

The Reception Was Always Going to Be Quiet

Narrative italic

Vollkorn Italic Medium

A magazine-building does not announce itself.

Body

Inter Regular

The Editorial District opens with a paradox: a publishing house that documents its own construction in real time.

Body emphasis

Inter SemiBold

Empty shell — components land here as the build progresses.

Code / meta

JetBrains Mono Regular

renderDLDS({ lane: "hybrid", c2pa: true })

DLDS / lane label

JetBrains Mono Medium

DLDS · HYBRID · 2026-05-12

Color roles

OKLCH · semantic, not decorative

Accent prime

Prime brand identity · live signals · primary CTAs · Inferno-infra surfacing
oklch(0.51 0.20 27)

Lane · Institutional

Hairlines · grid · DLDS chrome · institutional weight · Paradiso-charter pigment
oklch(0.41 0.043 257)

Lane · Editorial

Pull quotes · "Filed under" labels · soft editorial accents · warm-earth lane
oklch(0.55 0.16 41)

Sky · low (Vellum)

Reading surface · default page substrate · warm-white in ambient light
oklch(0.96 0.015 88)

Body · strong

Primary text · warm near-black · never pure black
oklch(0.18 0.012 88)

Paper with ink. One color does the heavy lifting. Everything else is structure.