lyoraeth.art

The ninth iteration of my site, and the first built on a real brief — a design system, a stack chosen for reasons, and production discipline end to end. The concept is atmospheric minimalism: a dark stage, color blurred deep in the background, glass in the middle, sharp type up front. Depth comes from light and blur alone — every surface earns its volume without a single drop shadow. The glass is the load-bearing detail, so it got obsessive treatment: a frosted base, an inner highlight that fakes the physical edge, a specular catch-light along the top. Defined once as a token, it behaves the same on every card, nav, and panel. Under the surface it runs as a real production app. Nuxt SSR renders complete HTML; anything touching the browser waits for the client, so hydration stays clean. Every color, duration and blur is a CSS token — one reduced-motion block zeroes all animation at once. Content runs through Sanity, fetched server-side so the token stays put, with an AVIF→WebP→JPEG image chain and zero layout shift. Self-hosted analytics, no tracking cookies, no third parties. My favorite part is the part you can't see: push to main, and three minutes later it's live. Multi-stage Docker build, GitHub Actions, SSH to my own VPS. I took this from an empty folder to a deployed product I run myself — the most technically involved thing I've built, and you're looking at it.