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.
LookAs 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.