About this site

This is a minimal, text-only blog built with Eleventy and styled using the fluid responsive design principles from Utopia.

Every piece of typography and spacing on this site scales fluidly between a minimum and maximum viewport width using CSS clamp(). There are no media query breakpoints — the design adapts continuously.

The entire site uses only HTML and CSS. No JavaScript frameworks, no build-time CSS processing, no client-side scripts. Just content and style.

Design principles

  • Fluid type scale — font sizes transition smoothly across viewport widths
  • Fluid space scale — margins and padding use the same fluid approach
  • Minimal markup — semantic HTML with no unnecessary wrappers
  • System fonts — no external font files to load
  • Text only — content speaks for itself