# Prime Intellect — Design Extract (Whitepaper variant)

Source: https://www.primeintellect.ai/ (captured 2026-09-02).
Build platform: Next.js + Tailwind CSS (utility classes and CSS custom properties read from the live DOM).
Variant: **Whitepaper** — an alternative color scheme. Structure, type, layout, and
components are unchanged from `design-default.md`; only the palette moves from the
near‑black terminal ground to a paper‑white spec‑sheet reading — the same document, now
printed instead of glowing on a screen.


---


## 1. Overall Style

Unchanged from `design-default.md`: the square corners (`--radius: 0px` everywhere), the
numbered spec‑sheet structure (`TRAINING01`, `01`–`04` section labels, `FIG.n`
annotations), the two type voices. Inverting the ground to paper‑white leans into the
"whitepaper" reading of the same engineering‑document metaphor.

Tagline (unchanged, hero): "Own Your Intelligence" under the eyebrow "THE OPEN
SUPERINTELLIGENCE STACK".


## 2. Colour Palette (generic description)

The palette inverts the dark‑ground scale to a warm paper‑white, keeps black‑at‑opacities
as the primary color tool (mirroring the original's white‑at‑opacities), and darkens the
terminal green just enough to hold AA contrast on white.

- **Core neutrals** – background near‑white paper, card fills a step down in warm gray, popovers pure white, secondary surfaces light gray, muted a paler gray still.
- **Text opacity ladder** – black stepped down by alpha replaces the white ladder: 0.90 for key body, 0.70 for nav links, 0.62 for body copy, 0.50 for figure captions/tags, 0.45 for hero sub‑paragraph, 0.30 for eyebrow, 0.25 for `FIG.n` labels, 0.12 for hairlines.
- **Terminal green** – darkened from the screen‑glow `#85ED75` to a deeper, AA‑legible green for the `$` prompt on white. Still the only "accent‑like" colour a visitor sees.
- **Chart hues** – the same five‑hue set, each deepened slightly so it holds contrast on a white chart background instead of black.
- **Border / input** – a light warm gray for hairline dividers, card outlines, table rules and input borders.
- **Primary button** – inverts from white‑on‑black to near‑black‑on‑paper, keeping the same "ink stamp" read.
- **Footer background** – a slightly deeper paper tone, still light, lifted from the canvas the way the dark footer lifts from black.

*(Exact hex values have been replaced with descriptive roles; the original token table has been collapsed into role‑based categories.)*


## 3. Typography (generic)

Unchanged from `design-default.md` — Geist for headings and body, ABC Favorit Mono
(substitute IBM Plex Mono) for every label, nav item, button, eyebrow, and figure
caption. Colors follow the black‑opacity ladder in §2 instead of the white one.


## 4. Layout (generic)

Unchanged from `design-default.md` — same ~1280px container, 8px spacing scale, and
breakpoints. Every corner stays square; depth is still a 1px border and a slightly
different fill, no shadows of consequence.


## 5. Components (generic)

Unchanged in structure. The command block keeps its dark inset by design — it is meant
to read as a terminal window inside the page, not page chrome, so it stays dark even
inside Whitepaper, with the green prompt at full screen‑glow saturation inside that inset.
The price table, buttons, and section blocks otherwise follow the light neutrals.


## 6. Page Structure and Content (generic order)

Unchanged from `design-default.md` — identical section order and copy.


## 7. Assets (generic)

Unchanged from `design-default.md`, except hero/section photography should be graded
for a lighter scrim so it doesn't fight the paper ground; diagrams and `FIG.n` line work
invert to dark‑on‑light.


## 8. Motion (generic)

Unchanged from `design-default.md` — same hover opacity fades, smooth scroll, slow
marquee on the backer/customer logo rows.


## 9. Quick Token Summary (generic)

```css
:root {
  /* surfaces */
  --background:            #F7F6F3;
  --foreground:             #101010;
  --card:                  #FFFFFF;
  --card-foreground:       #101010;
  --popover:               #FFFFFF;
  --secondary:             #ECEBE7;
  --secondary-foreground:  #171717;
  --muted:                 #EFEEEA;
  --muted-foreground:      rgba(16,16,16,.62);
  --accent:                #E4E2DC;   /* gray, not a hue */
  --accent-foreground:     #101010;
  --footer:                #EFEDE8;

  /* line + focus */
  --border:                #DEDDD8;
  --input:                 #DEDDD8;
  --ring:                  rgba(16,16,16,.5);
  --destructive:           #C4342B;

  /* button */
  --primary:               #101010;
  --primary-foreground:    #F7F6F3;

  /* text opacity ladder on light */
  --t-90: rgba(16,16,16,.90);
  --t-70: rgba(16,16,16,.70);
  --t-62: rgba(16,16,16,.62);
  --t-50: rgba(16,16,16,.50);
  --t-45: rgba(16,16,16,.45);
  --t-30: rgba(16,16,16,.30);
  --t-25: rgba(16,16,16,.25);
  --t-12: rgba(16,16,16,.12);

  /* terminal + charts */
  --term-green: #17864A;   /* darkened from #85ED75 for AA contrast on white */
  --chart-1: #17864A; --chart-2: #C98A1D; --chart-3: #6E5AD1;
  --chart-4: #1E86C9; --chart-5: #D94F68;

  /* type — unchanged from design-default.md */
  --font-display: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "ABC Favorit Mono", "IBM Plex Mono", ui-monospace, monospace;
  --font-code:    "Geist Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* geometry — unchanged from design-default.md */
  --radius:       0px;
  --container:    1280px;
  --gutter:       24px;
  --space-unit:   8px;
  --btn-height:   36px;
}
```