Voice and live QBOT answers are off in this copy.

Year
2026
Tools
Claude Code, ElevenLabs, Tripo3D, Blender, Claude Haiku 4.5
Daily driver
Claude Code

QOS

My first computer was a used IBM PC Jr. No one taught me how to use it. I just looked at the grown-up books for different software and started learning BASIC.

QOS is a thought experiment: what if you could log straight into Q's brain? What would it look like, and how would it work?

It boots like an IBM PCjr

I pointed Claude Code at a video of the IBM PCjr booting and asked for that feel. QOS opens on a pixelated, striped QOS logo over the CGA rainbow, flashes to blue, prints its BIOS lines, then prints the start page row by row from the bottom of the screen.

The first take swept down the screen. I said it was a terminal scroll, and then that the start page has to be printed, not faked. That set our rule for every motion request after it: describe the exact behavior in words, get a yes, then build.

The system font is IBM CGA, the same 8x8 ROM font the PCjr uses for its text modes.

Fig. 1: The striped QOS logo over the color bar while the projects count up.
Fig. 2: The BIOS screen.
Fig. 3: The start page printing in, line by line.

Three eras, one Q

One switch changes the whole look. 1986 is the CGA look, with scanlines, a CRT warp and pixel Mac cursors. 1996 is the default, a modern retro look with hand-drawn Aqua and Aero style cursors. 2026 is glass: an infinite canvas I picked from six layouts, with a 3D Q you can grab and throw.

The eras play into nostalgia on purpose. Each one is a computer someone remembers: the CGA screen of the eighties, the Aqua and Aero years, today's glass. Pick the one you grew up with and the portfolio feels familiar before you read a word.

The default look was called 2026 until I renamed the eras 1986, 1996 and 2026. Typing "retro" or "glass mode" into the prompt switches eras too.

Fig. 4: Slide between 1986 and 1996.
Fig. 5: 1996: the desktop.
Fig. 6: A window arrives in pixels. Hover to see it sharp.

An operating system, not a homepage

QOS treats my portfolio as a desktop. Windows drag and fill the screen. There is a taskbar, a dock and a rail menu, and the whole CMS lives inside it: case studies, writing, videos and about.

The prompt is search. Typing returns every match as windows and never opens a case study on its own; opening is the visitor's click. QBOT, a 3D bust of me rendered as ASCII with a real jaw, mouth and blink, answers about me in the third person.

Fig. 7: Windows on the desktop, the prompt bar below.
Fig. 8: The prompt is search, and QBOT answers.

Every kind of work has its own look

We gave case studies, writing and projects each their own look and feel. Each section has its own background color. Writing has its own styles and so does Labs. Case studies open in a reader that wears each brand's colors, and Sons of Gods got its own drawings grid.

Fig. 9: Work.
Fig. 10: Labs.
Fig. 11: The timeline.
Fig. 12: About.
Fig. 13: Prophit, in its own brand color.

Pixels on purpose

The scanlines sit on a 6px grid, and the motion snaps to it. Pictures arrive through a Game Boy camera effect: dithered first, then an ENHANCE pass brings them in, with its own dials on the C key.

High contrast is the counterweight. It's my number one concern, so an AAA mode turns the CRT and the motion off and keeps every line readable.

Fig. 14: The video wall, pixels to picture, in 1986 and 1996.

Controls

Everything has a key or a word.

  • The 1986, 1996 and 2026 switch, or type the era.
  • SETUP and TUNE dials on the backtick key, and the camera panel on C.
  • A fill-screen arrow on every window, or double-click its title bar.
  • TIDY UP on T, SCATTER on G, and a LIST view.
  • VOICE on or off, and M to mute.
  • Y or n when QOS asks before it loads more.
Fig. 15: Tidy up and Scatter.

Would you like to play a game?

When a search finds nothing, QOS offers a game instead. Say yes and Q.T.R.S. opens in a window, a Tetris that also greets you on the desktop when QOS starts.

Fig. 16: When a search finds nothing.
Fig. 17: Q.T.R.S. in a window.
Fig. 18: Q.T.R.S. in 1986.

The back-and-forth

  1. QOut. Freaking. Standing.
    Claude Code

    A moodboard and three interactive mockups: Field, QOS and Blueprint.

    I picked QOS as the direction.

  2. Q

    Make it boot like the IBM PCjr.

    Claude Code

    A striped logo over the CGA rainbow, then the BIOS, then the start page drawn down the screen.

    I said it's a terminal scroll, not a sweep. We rebuilt it.

  3. Qyou can't fake it.
    Claude Code

    The start page is printed now: each row is drawn on the bottom line, then everything steps up a row.

    The boot as it ships.

  4. Quse this ibm pc jr font on the os.
    Claude Code

    IBM CGA became the system font. Space Grotesk stays for reading text.

  5. Qtyping in something shouldn't open up one specific case study, it should bring back all results.
    Claude Code

    Every input returns all matches as windows, plus a results list. Nothing opens until the visitor clicks.

    The prompt became search.

  6. Q

    Give QBOT my voice.

    ElevenLabs

    Q Voice 1, a clone of my voice, and 892 clips for QBOT to speak. Claude Code wrote the tools that split, check and redo them.

  7. Qthis is the winner.
    Claude Code

    Six layouts for the 2026 era, from L1 to L6.

    I picked L1, the infinite canvas, as the 2026 page.

Tools

Claude Code
Every build and every review: the specs, the boot, the eras, search, QBOT and the tools around them.
ElevenLabs
Q Voice 1, a clone of my voice, and the clips QBOT speaks.
Tripo3D and Blender
The 3D models of me behind QBOT's ASCII bust, with its jaw, mouth and blink.
Claude Haiku 4.5
QBOT's answers, routed by Jev through Vercel AI Gateway, with Groq as the fallback.
Figma
The QOS wordmark.

Sources & credits

Fonts

Code and libraries

Art and 3D

  • Tripo3DImage to 3D for the QBOT bust.

References and inspiration

  • IBM PCjr boot sequenceThe reference we studied frame by frame for the boot: striped logo, color bars, BIOS lines.

Copyright 2026 Q Manning • Built in Austin, TX