Generate Elevation System
generate_elevation_systemGenerate a cohesive elevation ramp with semantic level names, CSS custom properties, Tailwind @theme, and dark-mode guidance. Replaces hand-tuned shadows with one token per level.
Instructions
Generate a cohesive elevation / box-shadow ramp (layered ambient + direct light) with semantic level names (flat…modal), as CSS custom properties and Tailwind @theme, plus dark-mode guidance. Deterministic. Use one shadow token per level instead of hand-tuning shadows per component.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| hue | No | Optional shadow tint as 'H S%' e.g. '220 40%' for a cool cast (default neutral black) | |
| levels | No | Number of raised levels (default 5) | |
| strength | No | Opacity multiplier 0.5–1.5 (default 1) |