# Recipe: button
Build one button component that matches this brand.
Palette: #000000, #efefef, #616161, #373737, #171717, #ffffff
Typography: [object Object], [object Object], [object Object], [object Object]
Material: flat
Signals: Radius: 4, 8, 12, 15, 20 · Shadows: rgb(170, 170, 170) 2px 2px 4px 0px | rgba(23, 23, 23, 0.1) 2px 2px 8px 2px
## Anatomy (detected)
```json
{
  "kind": "button",
  "structuralHash": "button",
  "instanceCount": 1,
  "variants": [
    {
      "css": {
        "background": "rgb(239, 239, 239)",
        "color": "rgb(0, 0, 0)",
        "padding": "1px 6px 1px 6px",
        "borderRadius": "0px",
        "border": "2px outset rgb(0, 0, 0)",
        "fontSize": "13.3333px",
        "fontWeight": "400"
      },
      "instanceCount": 1
    }
  ]
}
```