# Recipe: input
Build one input component that matches this brand.
Palette: #f7f8f8, #62666d, #d0d6e0, #e2e4e7, #8a8f98, #f79ce0
Typography: [object Object], [object Object]
Material: material-you
Signals: Radius: 1, 4, 7, 12, 16, 20 · Shadows: rgba(94, 106, 210, 0) 0px 0px 0px 9.8766px | rgba(0, 0, 0, 0.1) 0px 0px 0px 2px | rgba(0, 0, 0, 0.2) 0px 0px 0px 1px
## Anatomy (detected)
```json
{
  "kind": "input",
  "structuralHash": "input",
  "instanceCount": 1,
  "variants": [
    {
      "css": {
        "background": "rgba(0, 0, 0, 0)",
        "color": "rgb(247, 248, 248)",
        "padding": "1px 32px 1px 32px",
        "borderRadius": "0px",
        "border": "0px 0px 1px none none solid rgb(247, 248, 248) rgb(247, 248, 248) rgba(255, 255, 255, 0.08)",
        "fontSize": "16px",
        "fontWeight": "400"
      },
      "instanceCount": 1
    }
  ]
}
```