# Recipe: input
Build one input component that matches this brand.
Palette: #ffffff, #b3b3b3, #000000, #696969, #1ed760, #555555
Typography: [object Object], [object Object], [object Object]
Material: material-you
Signals: Radius: 2, 6, 10, 16, 20, 32 · Shadows: rgb(124, 124, 124) 0px 0px 0px 1px inset | rgb(18, 18, 18) 0px 1px 0px 0px, rgb(124, 124, 124) 0px 0px 0px 1px inset | rgb(128, 128, 128) 0px 0px 5px 0px
## Anatomy (detected)
```json
{
  "kind": "input",
  "structuralHash": "input",
  "instanceCount": 1,
  "variants": [
    {
      "css": {
        "background": "rgb(31, 31, 31)",
        "color": "rgb(255, 255, 255)",
        "padding": "12px 96px 12px 48px",
        "borderRadius": "500px",
        "border": "0px none rgb(255, 255, 255)",
        "fontSize": "16px",
        "fontWeight": "400"
      },
      "instanceCount": 1
    }
  ]
}
```