- 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.
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.
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.
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.
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.
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.
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.
The back-and-forth
- Q
Out. Freaking. Standing.
Claude CodeA moodboard and three interactive mockups: Field, QOS and Blueprint.
I picked QOS as the direction.
- Q
Make it boot like the IBM PCjr.
Claude CodeA 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.
- Q
you can't fake it.
Claude CodeThe start page is printed now: each row is drawn on the bottom line, then everything steps up a row.
The boot as it ships.
- Q
use this ibm pc jr font on the os.
Claude CodeIBM CGA became the system font. Space Grotesk stays for reading text.
- Q
typing in something shouldn't open up one specific case study, it should bring back all results.
Claude CodeEvery input returns all matches as windows, plus a results list. Nothing opens until the visitor clicks.
The prompt became search.
- Q
Give QBOT my voice.
ElevenLabsQ 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.
- Q
this is the winner.
Claude CodeSix 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
- IBM CGA, from The Ultimate Oldschool PC Font PackVileRThe boot screen and the typing line, set at 8 pixel multiples.CC BY-SA 4.0
Code and libraries
- three.jsthree.js authorsWe built the 3D scenes on it.MIT
- Basic Tetris HTML and JavaScript GameSteven LambertThe playfield, piece and gravity logic that Q.T.R.S. started from.MIT
- Infospector color pickerQ ManningThe color picker in SETUP, restyled for QOS.MIT
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.
