Building a site that responds to the sky

Placeholder post — replace with your own writing. Markdown, code blocks, and everything below render with the site’s prose styling.

I wanted this site to feel a little alive without resorting to color. The idea: keep the palette pure monochrome, but let light change with the visitor’s own world — the time on their clock, the season where they are, even tonight’s moon.

The daypart engine

A tiny inline script reads the local hour and sets a data-daypart attribute before first paint, so there’s no flash:

const h = new Date().getHours();
const daypart =
  h >= 5 && h < 8 ? "dawn" :
  h >= 8 && h < 17 ? "day" :
  h >= 17 && h < 20 ? "dusk" : "night";
document.documentElement.setAttribute("data-daypart", daypart);

Everything else is CSS variables. Dawn warms the ink and lifts a low glow; night deepens the black and dims the type.

Why monochrome

Constraints are generative. Removing color forced every decision into typography, spacing, motion, and contrast — which is where craft actually lives.