Dharma Seed components

HTML and Tailwind v4 building blocks for the Dharma Seed site, taken from the "Web 2026" Figma designs. The tokens below live in src/input.css under @theme, and every utility uses them: the default Tailwind colour palette is switched off.

sage-1
#0d120f · text
sage-2
#28312b
sage-4
#63766a · muted
sage-6
#acbcb2
sage-7
#c4d4ca · rules
sage-8
#dfede4 · fills
sage-9
#f3f8f5 · page
white
#ffffff
leaf
#719c71 · Mid Green
forest
#395139 · Dark Green
rust
#a86c6c · deletion
gold
#fbe7a6 · PayPal donate
gold-2
#f2d888 · PayPal hover

sage-4
#6b5a33 · muted
sage-6
#bfb8a7
sage-7
#e6e1d0 · rules
sage-8
#ffffff · fills
sage-9
#f2f1ee · page
leaf
#6b5a33 · nav underline
forest
#4a3e23 · playing state

font-serif text-h2: Web H2, 26/34

font-serif text-h2 font-semibold: Web H2 Bold

text-body: Web P, 14/22 (the body default)

text-body font-semibold

text-fine: 10/14, small print