Design token
Shadow
Shadow tokens define your elevation scale — the set of box-shadows that signal how surfaces stack. A coherent shadow scale makes depth feel intentional; ad-hoc shadows make some cards float and others sink for no reason.
How Windcraft owns it
Windcraft holds your shadow tokens as the source and generates them into your Tailwind config and CSS variables. AI tools fetch them over MCP via get_design_tokens, so generated surfaces use your defined elevation steps rather than improvising a box-shadow.
Generated into
- Tailwind config
- CSS variables
Example
Reference an elevation token
// reads a shadow token from your scale
<div className="shadow-elevation-2 rounded-lg" />FAQ
- How do AI tools use my shadows?
- The get_design_tokens MCP tool returns your shadow tokens, so a connected AI tool generates surfaces using your elevation scale instead of an arbitrary box-shadow.
- Where do shadow tokens end up?
- In your generated Tailwind config and CSS variables, so any component can reference an elevation step by name.
- Can I change the whole elevation scale at once?
- Yes. Shadows are tokens like any other — edit them at the source and the next sync regenerates the outputs that reference them.