# Recipe: input
Build one input component that matches this brand.
Palette: #222222, #6a6a6a, #000000, #ffffff, #ff385c, #dddddd
Typography: [object Object], [object Object]
Material: flat
Signals: Radius: 2, 8, 20, 32, 50, 100 · Shadows: rgba(0, 0, 0, 0.02) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 8px 24px 0px | rgba(60, 77, 107, 0.25) 0px 0.953955px 1.90791px 0px, rgba(60, 77, 107, 0.25) 0px 3.81582px 5.72373px 0px, rgb(0, 28, 64) 0px 0px 2px 0.5px inset, rgb(215, 235, 255) 0px -1px 3px 0px inset
## Anatomy (detected)
```json
{
  "kind": "input",
  "structuralHash": "input",
  "instanceCount": 1,
  "variants": [
    {
      "css": {
        "background": "rgba(0, 0, 0, 0)",
        "color": "rgb(34, 34, 34)",
        "padding": "0px 0px 0px 0px",
        "borderRadius": "0px",
        "border": "0px none rgb(34, 34, 34)",
        "fontSize": "14px",
        "fontWeight": "500"
      },
      "instanceCount": 1
    }
  ]
}
```