Why the Playbook reads like a magazine
A learning tool decided to look like Penguin Classics. Here is why.
The Playbook is the public blog of PrepGraph. As I was building it out, I wanted it to feel like what a serious, warm, curious reader would expect to walk into. Closer to what a Penguin reader sees on the page than what a typical SaaS blog offers.
The shorthand I kept reaching for: a literary magazine that happens to be a learning tool. The Browser meets a syllabus. Penguin Classics with a quiz inside.
The temperature is consistently warm. Cream over white. Tan-grey over neutral grey. Warm body text over a cooler equivalent. Newsreader serif for headlines and prose. JetBrains Mono in uppercase for labels and metadata. A single purple accent that does most of the work everywhere it shows up. No drop shadows. No icon library doing decoration. No corporate sans floating on gradient cards.
Playbook, Login, and Landing are the cleanest expression of it. They feel like one product made by one person, which is exactly what they are.
The new index is a map, not a feed. Each post is a dot, plotted by track and depth. Empty cells are where I have not written yet. I find that more honest than hiding the gaps behind a chronological scroll.
I hope it reads like something worth returning to.