Gear
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.
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.