A thread · 8 notes · Web Design
The design notebook.
Where the look comes from: '90s computer ads, Vignelli's rules, borrowed palettes and Kaybl.
- 1
The '90s Computer-Ad Look, Without Faking an Operating System
How this site borrows the warmth of early-'90s Apple ads (editorial type, cream paper, slate ink) and why the fake menu bars and little beige Mac didn't make the cut.
- 2
Designing with Vignelli's Rules
Massimo Vignelli spent sixty years proving you need a grid, a handful of typefaces and a lot of discipline. What that looks like when the page is a browser window.
- 3
Borrowing a Palette from a Reading App
Six colors sampled from a screenshot of a dark RSS reader, the rules that keep amber from turning into a Halloween theme, and what the contrast math actually says.
- 4
Kaybl: One Cable Guide, Three Screens
Kaybl turns a Plex or Jellyfin library into something that feels like flipping channels. The hard part isn't the channels. It's drawing one guide that works on a TV, a phone and a desktop.
- 5
Fine Use: Sketching a Terminal-Style Design System
Fine Use is my open-source design system for terminal-style interfaces, a React component plan with CSS themes and a Python desktop implementation, and it's honest about being mostly a specification so far.
- 6
Terminal UI Components: A Pure CSS Kit for Terminal-Style Pages
Terminal UI Components is my open-source, pure CSS framework for building terminal-style web interfaces, with ten color themes and box-drawing decorations.
- 7
Vignelli: A Serif, Gold-Ruled Theme for Obsidian
Vignelli is my open-source Obsidian theme for people who want their notes to read like a well-set print document, with serif type, gold rules and a teal highlighter.
- 8
The Vignelli Document Engine: Every PDF I Make, in One House Style
A small Python library that turns plain data into Word documents with a strict Vignelli-style grid, black-and-white charts and zero color, so every reference sheet I print looks like it came from the same shop.