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 6
- Styling
- Tailwind CSS 4
- Content
- Astro Content Collections with Markdown and MDX
- Hosting
- Vercel
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
- Static pages generated at build time
- Client JavaScript
- Only small theme, scroll, and animation helpers
- CSS
- Critical styles are inlined by Astro
- Images
- Optimized by Astro during build
Source
This site is adapted from Astro and rebuilt around my own writing, projects, and development workflow.