# Recipe: other
Build one other component that matches this brand.
Palette: #ffffff, #f0f6fc, #000000, #8dd6ff, #9198a1, #1f2328
Typography: [object Object], [object Object], [object Object]
Material: material-you
Signals: Use Bootstrap 5 utility classes. Customize via CSS variables. · Radius: 3, 6, 12, 16, 24, 48 · Shadows: rgba(209, 217, 224, 0.25) 0px 0px 0px 1px, rgba(37, 41, 46, 0.04) 0px 6px 12px -3px, rgba(37, 41, 46, 0.12) 0px 6px 18px 0px | rgba(209, 217, 224, 0) 0px 0px 0px 1px, rgba(37, 41, 46, 0.24) 0px 40px 80px 0px | rgba(255, 255, 255, 0) 0px 0px 0px 1px inset
## Anatomy (detected)
```json
{
  "kind": "other",
  "structuralHash": "svg>path",
  "instanceCount": 5,
  "variants": [
    {
      "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": "400"
      },
      "instanceCount": 5
    }
  ]
}
```