Nocturne

Command Palette

Search for a command to run...

Astro Template

A dark-first personal site template built on top of AstroJS - animated SVG headings, 15 themes, content collections, and full-text search.

Latest articles

View all

A practical workflow for exporting design tokens from Figma and consuming them as first-class Tailwind v4 utilities — no config file required.

Dark mode is more than inverting colours. A practical guide to contrast, surface layering, and colour mixing that makes dark UIs feel intentional.

How Astro content collections bring Zod schema validation to Markdown frontmatter, eliminating a whole class of build-time content bugs.

Featured projects

View all
Featured2026

A dark-first personal site template built with Astro, Tailwind v4, and Anime.js — featuring animated SVG headings, 15 themes, and full-text search.

A real-time collaborative Kanban board with drag-and-drop, optimistic updates, and per-board theme support.

An in-browser colour palette editor built around OKLCH, with real-time contrast checking, CSS variable export, and theme preview.