# Recipe: button
Build one button component that matches this brand.
Palette: #000000, #533afd, #50617a, #061b31, #ffffff, #64748d
Typography: [object Object]
Material: flat
Signals: Radius: 1, 4, 8, 16, 100 · Shadows: rgba(23, 23, 23, 0.06) 0px 3px 6px 0px | rgba(0, 0, 0, 0.06) 0px 4px 24px 0px, rgba(0, 0, 0, 0.03) 0px 1px 2px 0px | rgba(50, 50, 93, 0.12) 0px 16px 32px 0px
## Anatomy (detected)
```json
{
  "kind": "button",
  "structuralHash": "button>div>div>div>div",
  "instanceCount": 6,
  "variants": [
    {
      "css": {
        "background": "rgba(0, 0, 0, 0)",
        "color": "rgb(0, 0, 0)",
        "padding": "0px 0px 0px 0px",
        "borderRadius": "0px",
        "border": "0px none rgb(0, 0, 0)",
        "fontSize": "16px",
        "fontWeight": "400"
      },
      "instanceCount": 6
    }
  ]
}
```