Reading first
Body copy, lists, and tag counts stay on low-chroma gray scales so the accent color never competes with long-form reading.
Topic index
Use tags to connect related notes, tutorials, essays, and project write-ups.
Mineral Teal
This palette replaces warmer decorative accents with a low-saturation mineral teal. It gives the template the feeling of a quiet technical lab: reliable tools, clear information, and just enough color to make navigation and state recognizable.
Body copy, lists, and tag counts stay on low-chroma gray scales so the accent color never competes with long-form reading.
Mineral Teal appears on links, focus states, progress, and key status moments, like an instrument light that gives the site memory.
Dark mode uses deep teal-gray surfaces with lighter primary accents, keeping hover states and code details clear without glare.
Primary 500
Core links and progress
Primary 100
Tag backgrounds and hints
Gray 950
Dark surface base
Gray 200
Dividers and boundaries