← All systems · Taliesin
Wagabaza Design System
Configure a design language by place, time, season, and weather. Download a comprehensive AI-ready spec — paste it into Claude Code, Cursor, Gemini, or any AI coding tool.
Signature
The land is the language; every token derived, nothing arbitrary.
Design-system traits
- → Material-derived palettes named for geology and flora — obsidian, marigold, saguaro
- → Low horizontal compositions anchored by datum lines
- → Behavior derived from real conditions: time, season, and weather modulate the system
- → Type and grid that behave like instruments — precision as trust
Place
Volcanic rock, desert flora, copper patina, canvas stretched over redwood.
Time of day
Deepest dark. Maximum density earned.
Season
New growth. Serif headlines, cool-green undertone, yellows brighten, greens hold weight.
Weather
Crisp edges, full visibility. No effects.
Live preview
Sonoran Desert · Midnight · Spring · Clear
Design System
Volcanic rock, desert flora, copper patina, canvas stretched over redwood.
Primary action
Palette
obsidian
basalt
malpais
ironwood
marigold
caliche
saguaro
ocotillo
copper
quartz
mesquite
redwood
petroglyph
canvas
adobe
Typography — Jost
Display heading
Section heading
Subsection in body font
Body text in the configured font. Structural honesty, material warmth, earned density.
const token = "--marigold";
Components
PrimarySecondaryTertiary
Card title
Interactive surface with standard treatment.
Email
you@example.com
Glow System
marigold
ocotillo
saguaro
Download
Sonoran Desert · Midnight · Spring · Clear — 19-section comprehensive spec
How to use
1. Download the .md file
2. Add to your project or paste into AI context:
Claude Code → project directory
Cursor → .cursor/rules/
Gemini → conversation context
Figma Make → project reference
Cursor → .cursor/rules/
Gemini → conversation context
Figma Make → project reference
3. AI uses the spec as the design brain
Wagabaza Design System · Matia Wagabaza · 2026