# Recipe: card
Build one card component that matches this brand.
Palette: #000000, #f6f5f4, #a39e98, #ffffff, #615d59, #0075de
Typography: [object Object], [object Object], [object Object]
Material: material-you
Signals: Radius: 4, 8, 12, 16, 50, 100 · Shadows: rgba(0, 0, 0, 0) 0px 1px 0px 0px | rgba(0, 0, 0, 0.01) 0px 0.175px 1.041px 0px, rgba(0, 0, 0, 0.02) 0px 0.8px 2.925px 0px, rgba(0, 0, 0, 0.027) 0px 2.025px 7.847px 0px, rgba(0, 0, 0, 0.04) 0px 4px 18px 0px | rgba(0, 0, 0, 0.016) 0px 0.7px 1.462px 0px, rgba(0, 0, 0, 0.03) 0px 3px 9px 0px
## Anatomy (detected)
```json
{
  "kind": "card",
  "structuralHash": "span",
  "instanceCount": 5,
  "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": "700"
      },
      "instanceCount": 4
    },
    {
      "css": {
        "background": "rgba(0, 0, 0, 0)",
        "color": "rgb(255, 255, 255)",
        "padding": "0px 0px 0px 0px",
        "borderRadius": "0px",
        "border": "0px none rgb(255, 255, 255)",
        "fontSize": "16px",
        "fontWeight": "700"
      },
      "instanceCount": 1
    }
  ]
}
```