Elevation

Named shadow levels extracted from computed box-shadow values, used to populate the Elevation section of a brand DESIGN.md file.

Properties

levelsobject[]required

Ordered elevation levels. Always includes "none" (css_value "none").

name"none" | "sm" | "md" | "lg" | "xl" | "2xl"required

css_valuestringrequired

Full CSS box-shadow value ready to paste into a stylesheet.

Example: "0 4px 12px rgba(0,0,0,0.08)"

usagestringrequired

confidence"high" | "medium" | "low"required

rationalestringrequired

Example

example.json

{
  "levels": [
    {
      "name": "none",
      "css_value": "0 4px 12px rgba(0,0,0,0.08)",
      "usage": "string"
    }
  ],
  "confidence": "high",
  "rationale": "string"
}