Tools and Hardware

The hardware, software, and tools I use for design and development work.

Hardware

Computer

MacBook Pro 14"

I work on an M1 Max MacBook Pro 14" paired with a BenQ 4K 32" monitor at my desk. The combination of portability and power covers everything from heavy Figma files to development work.

Peripherals

Logitech MX Keys + M720

I use a Logitech MX Keys Advanced Wireless Illuminated Keyboard for Mac and a Logitech M720 Triathlon Multi-Device Wireless mouse.

Tablet

iPad Pro 13"

I use an M1 iPad Pro 13" for reading, browsing, and general use outside of design and coding work.

Design Software

Interface Design

Figma

Figma is my primary design and prototyping tool. I use it for everything from early wireframes to high-fidelity component libraries and interactive prototypes.

Creative Suite

Adobe Creative Cloud

I keep an Adobe Creative Cloud subscription primarily for Photoshop (photo editing and compositing) and Illustrator (vector illustration and icon work).

Development Tools

IDE / Editor

Nova + VS Code

My favorite code editor is Nova from Panic, but since there is no Claude Code extension for Nova I rely on Visual Studio Code. I keep the theme minimal and use a small set of extensions: Claude Code, Live Server, Figma, and Nunjucks support.

Terminal

Kitty + Zsh

I use the Kitty terminal with zsh and Oh My Zsh. Nothing fancy — I find a clean, fast terminal more useful than a heavily configured one.

Version Control

Git + GitHub

I was a diehard Git-from-the-command-line person, but lately I rely more on Claude Code within VS Code for most of my Git work. Occasionally I use the GitHub desktop app.

AI Tools

AI Assistant

Claude

Claude from Anthropic is my primary AI assistant — for writing, thinking through design problems, reviewing copy, and debugging. What keeps me coming back is how well it reasons through nuanced questions and engages with design intent rather than just generating output.

Agentic CLI

Claude Code

Claude Code is Anthropic's agentic CLI that runs Claude directly inside my terminal and editor. It handles writing and refactoring code, managing Git commits, scaffolding components, and navigating the codebase. Building this site is largely a collaboration between me and Claude Code.

Productivity

Note-taking

Obsidian + Apple Notes

Obsidian for long-form notes, research, and design documentation. Apple Notes for quick capture and anything shared across devices.

Task Management

Basecamp + Reminders

My primary project management platform is Basecamp from 37signals — I've used it as long as the product has existed. I'm also experimenting with Fizzy, their Kanban app. For light personal tasks, Apple Reminders.

Communication

Slack + Hey

Slack for work, iMessage and Signal for personal. I keep notifications aggressively managed and batch async communication rather than staying always-on. For email, I'm a dedicated Hey user — the email system from 37signals.

This Site

Publishing

11ty + Netlify

Built with 11ty — a static site generator — and served by Netlify, secured via HTTPS with a free certificate from Let's Encrypt.

Typography

Source Sans 3 + Playfair Display

Typeset in Source Sans 3 and Playfair Display, served from Google Fonts.

Code

Modern CSS

All CSS is modern CSS using cascade layers and container queries — no Tailwind, no utility frameworks. Source code is on GitHub.