Delightful

OKLCH tokens · neo-brutalist UI · motion with snap

Delightful

A warm design system for editors, terminals, notes, agents, and the messy human work between them. Built from a three-tier token architecture and shipped across the tools I actually live in.

Open the system Browse the ports

Reference Pages

The public docs are plain HTML: inspectable, portable, and close to the tokens they describe.

Design System Components, tokens, interactions, composition, and implementation notes. Color OKLCH primitive families, semantic roles, and component bindings. Motion CSS animation catalog with reduced-motion behavior. Animation Spring physics, FLIP, particles, gestures, and motion experiments.

A system with fingerprints

Delightful uses warm neutrals, unapologetic borders, solid offset shadows, and bright-but-controlled accents. The goal is not generic polish. It is software that feels sturdy, expressive, and a little more alive.

Primitives Semantic tokens Component tokens Light and dark Reduced motion
Delightful VS Code light theme
Delightful Obsidian dark theme

Ecosystem

Each port is standalone so it can follow the platform it belongs to. This site stays the reference hub.

Claude Code
Skills, agents, MCP tools, and token context.
VS Code
Marketplace-ready light and dark color themes.
Obsidian
Community theme with modular source CSS.
Ghostty
Terminal themes, config, and optional shaders.
iTerm2
Generated `.itermcolors` profiles.
Starship
Rainbow powerline prompt with Delightful colors.
Shell
tmux, zsh, auto-attach, and smart-open utilities.
Setup
Machine setup orchestration for the full environment.