Component Library
Every UI primitive in the CRATE // NEXT theme. Swap content in defaults.ts, style in globals.css.
02 — Badge
Five variants: accent, ink, kraft, stamp, faded. Bordered label style matching the shipping crate motif.
03 — Text
Four variants: body, caption, label, code. DM Sans for body/caption, Archivo Black for label.
Body text, DM Sans 400, 1rem/1.7
bodyCaption text, DM Sans 400, 0.8rem/1.5
captionLabel text, Archivo Black, 0.65rem, tracked
labelconst roast = 'medium'
code04 — Card
Origin cards with tape decoration, region label, name, tasting notes, and metadata grid. Accepts an OriginCard object.
Grown at 1,800m in volcanic soil outside Pitalito. Washed process with 36-hour fermentation yields a clean cup with notes of blood orange, panela, and toasted almond.
Heirloom varieties from the birthplace of coffee. Natural sun-dried on raised beds for three weeks. Expect blueberry jam, jasmine, and a winey sweetness that lingers.
Fifth-generation family farm in Huehuetenango. Honey-processed Pacamara with exceptional body. Dark chocolate, dried fig, and a maple-syrup finish.
05 — Color Tokens
All theme colors defined in globals.css @theme block. Change a variable, retheme the entire site.
06 — System Pages
Pre-built error and 404 pages with the crate aesthetic. Auth pages included for the full flow.