A single brand for everything I build.
The mark, color, and type stay identical across both properties. Only the wordmark text changes — because the brand is me, not the address. Built minimal and geometric, tuned to read from a 16-pixel favicon up to a full-screen login.
The Mark
A geometric T cut from a rounded square. The counter is a true transparent knockout, so the same file sits on any background. Use the accent tile as the default; drop to mono ink or reversed white when color isn’t available.
- Drawn on a 256 grid, 8px corner radius on every arm — geometry stays consistent at any scale.
- The crossbar and stem are two rounded rectangles, unioned. Easy to regenerate, hard to get wrong.
- Minimum size 16px. Below that, switch to the solid favicon variant so the counter doesn’t close up.
- Clear space = the corner radius on all sides. Don’t crowd it.
Wordmarks
Same mark, same spacing, same type — only the text differs. Lockup is the mark at cap-height of the wordmark with a fixed gap, so the two read as one unit. Lowercase always.
Favicon
The solid-tile variant: accent fill, white T. The fill gives it a stable silhouette against any browser chrome, light or dark, where the transparent mark would disappear.
Login Background
1920×1080. A calm dot-grid on a cool paper wash with a soft corner glow in the accent — low-contrast by design so overlaid form text always wins. Reads “personal developer,” not enterprise dashboard.
Welcome back
Color
One accent, one near-black, one body gray, plus two surface neutrals. Every text color clears WCAG AA on white. Click any swatch to copy.