A running note on the choices behind this personal site: what it uses, why it stays small, and how the visual system is kept consistent.
Colophon
Stack
- Framework
- Astro 7 with EmDash CMS
- Styling
- Tailwind CSS 4
- Content
- EmDash collections with Portable Text
- Database
- SQLite on persistent VPS storage
- Hosting
- Node standalone in Podman behind nginx
Typography
- Primary font
- Inter
- Weights
- 400 and 600
- Fallback
- System sans-serif stack
- Loading
- Self-hosted via @fontsource with explicit preloads and optional font display
Color
- Palette
- Tailwind neutral scale
- Light text
- neutral-900 for emphasis, neutral-600 for body copy
- Dark text
- white for emphasis, neutral-200 and neutral-300 for body copy
- Background
- neutral-50 in light mode, neutral-950 in dark mode
Performance
- Rendering
- Server-rendered pages with EmDash cache hints
- Client JavaScript
- Only small theme, scroll, animation, and local portfolio search helpers
- CSS
- Critical styles are inlined by Astro
- Images
- Served through the EmDash media pipeline and Astro image tooling
Source
This site is built with Astro and EmDash, with content, taxonomy, menus, and site settings managed from the CMS.