duncan ~/lab $

Lab

A shelf for experiments that are not ready for the writing section: prototypes, spikes and half-finished tools.

Everything below is live. These are the same components the posts use, rendered by the same build, so change the theme and watch them follow.

Prompt

The breadcrumb at the top of every page. The section segment takes the section tint.

duncan ~/lab/showcase $

Diff

Code changes in posts are diff blocks: additions, removals and hunk headers each take a token colour.

@@ tokens/components.json @@
   "section": {
     "writing": {
-      "$value": "{color.accent}"
+      "$value": "{hue.green}"
     },
     "lab": {
       "$value": "{hue.pink}"

Box

A titled pane for asides and warnings inside a post.

Status bar

The tmux-style line at the foot of every page: section, post count, reading time, place and build time, feed.

LAB4 posts1 minblue mountains, australia · built 2026-10-26 20:40rss

Tags as flags

Each tag keeps one of five hues, picked by a hash of its name.

ai career design-systems origin tokens web-components workflow

Write-ups

LAB4 posts1 minblue mountains, australia · built 2026-10-26 20:40rss