> For the complete documentation index, see [llms.txt](https://supernova-developers.gitbook.io/supernova-dsm/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://supernova-developers.gitbook.io/supernova-dsm/design-system-data/tokens/shadows.md).

# Shadow

Shadow tokens define one single shadow, such as `2px 2px 4px #000000` .

### Example Token Payload

This is what the shadow payload looks like:

```javascript
{
  "id": string
  "name": string
  "description": string
  "tokenType": "Shadow"
  "origin": ItemOrigin | null
  "value": {
    "color": {
      "hex": string
      "r": int (0-255),
      "g": int (0-255),
      "b": int (0-255),
      "a": int (0-255),
      "referencedToken": Color | null
    },
    "x": {
      "unit": "px",
      "measure": double
      "referencedToken": Measure | null
    },
    "y": {
      "unit": "px",
      "measure": double
      "referencedToken": Measure | null
    },
    "spread": {
      "unit": "px",
      "measure": double
      "referencedToken": Measure | null
    },
    "radius": {
      "unit": "px",
      "measure": double
      "referencedToken": Measure | null
    },
    "opacity": double (0-1)
    "referencedToken": Shadow | null
  }
}
```

### Associated functions

You can use the following functions to retrieve shadow tokens from your design system:

* [@ds.allTokens](/supernova-dsm/design-system-data/function-list.md#ds-alltokens)
* [@ds.tokensByType](/supernova-dsm/design-system-data/function-list.md#ds-tokensbytype) (with `"Shadow"`) attribute
* [@ds.tokensByGroupId](/supernova-dsm/design-system-data/function-list.md#ds-tokensbygroupid)