Skip to content

Slide 01 / 07

Click the deck, then use the arrow keys like a real presentation.

Readout

Family
Editorial
Theme
Dark
Type
JetBrains Mono
Accent
#ffb454
Corners
6px
Moves on
Keys, swipe
Studio
Ready

24 of 30, Editorial

Terminal.

Amber phosphor monospace; each title is typed out under a shell prompt.

Look
As designed

How it moves

For engineering audiences and launches with a wink. Faint scanlines, a blinking caret, boxes with hash-prefixed headings.

This is the specification the Studio sends to the model, written for Terminal's own look. Change the look in the Studio and every value follows.

Palette

  • Background#0c0a06
  • Text#f6d9a6
  • Muted#9a7c4e
  • Accent#ffb454
  • Surfacergba(255,180,84,.06)
  • Hairlinergba(255,180,84,.28)

Type: JetBrains Mono. Corners: 6px.

Layout

  • Monospace everywhere, one weight range (400–700). Palette: ground #0c0a06, text #f6d9a6, muted #9a7c4e, accent #ffb454 (amber phosphor). A fixed full-screen overlay of faint scanlines (repeating-linear-gradient, 2px black at 16% then 2px transparent, overall opacity .5, pointer-events none) sits over everything.
  • Stage padding 7vh 6vw 10vh; content max-width 70rem, left-aligned, top-aligned.
  • Every slide begins with a prompt line in muted text: bold accent "user@host" then ":~/deck $ " and a plausible command that fits the slide (cat 02-broke-the-mold.md, ./report --year 2026, ls -la process/, tail -n 3 feedback.log, diff last-year this-year, cat TODO). Under it the slide title in an empty h2 that gets typed out character by character (32ms per character, starting 200ms after the slide appears) followed by a blinking block caret ▍ in accent (1s, steps(2)). When typing finishes the caret stops blinking at 35% opacity and the body fades in (400ms, 6px rise).
  • Title clamp(2rem,4.4vw,4.4rem) weight 600 letter-spacing -0.02em. Body objects have 1.6rem gaps.
  • Object overrides. boxes get a 1px solid rgba(255,180,84,.28) border with 6px radius and a "# " accent prefix on their headings; bullets use a bold accent ">" instead of dots; ring charts use square (butt) line caps; carousel dots are 1px-radius squares. No shadows, no gradients.
  • Status bar pinned bottom (left/right 6vw, bottom 3.5vh): a 1px top line, left "[03/07] deck-file-name.deck", right "↑↓ move · f fullscreen".
  • Slides swap with a 200ms fade; the typing is the transition.

Navigation. ← → ↑ ↓ Space PageUp/PageDown; Home/End; number keys. Reduced-motion users get the title instantly.