My first computer was a PowerBook 180c. A family friend gave it to me. It was already outdated when I got it, incompatible with absolutely everything.
And I loved it.
I spent hundreds of hours on that machine, mostly journaling. The incompatibility made it feel secure - nothing could leave that laptop, no one could access it. So I poured my heart into it. All the feelings and thoughts of a moody teenager went into that machine.
But more than the privacy, something about the design stuck with me. It was just so easy to work with. So relaxing. It made focusing easy.
So when I had the chance to create a space of my own, I went back to where I first started typing.
What Made It Work
The PowerBook 180c ran System 7. Looking back, I understand now why it felt so good to use:
- Buttons looked like buttons: Beveled edges. Physical metaphors. You could see what was pressable.
- Windows looked like windows: Title bars, close boxes, borders. Clear visual structure.
- State was obvious: Active windows, selected items, disabled controls - all communicated visually.
- Nothing ambiguous: You never had to guess what was interactive and what wasn't.
Every pixel had a purpose. Every button was clearly a button. There was no confusion about what you could click or where your focus should be.
What We Lost
Modern design moved away from this. Flat design is beautiful - I get the appeal. But something important was lost in the transition: affordance.
When everything is flat, you're left guessing. Designers compensate with:
- Hover states (doesn't work on mobile)
- Colour alone (creates accessibility issues)
- Learned conventions (excludes new users)
- Trial and error (frustrating)
It prioritizes aesthetics over clarity. And after spending years in that world, I wanted to go back to clarity.
Coming Home
This site recreates the visual language of System 7. Not out of nostalgia - though there's some of that - but because it worked:
- Window chrome: Title bars with close boxes, beveled edges, drop shadows
- Navigation buttons: Clearly pressable with inset/outset states
- Interactive menus: Menu bar dropdowns that behave like the original
- Zoom rectangles: Navigation animations from classic Mac OS
- Draggable windows: Because they're windows
None of this is decorative. Every element makes the interface immediately comprehensible. You know what you can interact with. You know where you are. You can focus on the content.
That's what my PowerBook 180c gave me. A space where I could think and write without fighting the interface.
Technical Notes
The implementation is straightforward:
- CSS-based visual effects (no image assets)
- Semantic HTML structure
- Clear state communication (helps screen readers too)
- Minimal JavaScript for core functionality
The visual language works with the web platform, not against it.
The day/night toggle in the View menu maintains the same visual structure and affordances in both modes. The bevels, shadows, and interactive elements stay clear regardless of colour scheme.
The Point
This isn't nostalgia. It's recognition that some design problems were solved well decades ago.
My PowerBook 180c created an environment where I could focus. Where the interface got out of the way. Where a moody teenager could spend hours writing without distraction.
That's what good design does. It serves the work, not itself.
Modern tools are powerful. But power is only useful when it serves clarity. When it helps you focus. When it lets you do what you came to do.
Every element on this site tries to answer one question: "What is this, and what does it do?" without requiring experimentation.
That's what the PowerBook 180c taught me. And that's what brought me back.