# Houdini spot — Unless design system

Surfaces

# Houdini spot
  [Spec](/en/design/surfaces/spotlight/)[Variants](/en/design/surfaces/spotlight/variants/)[Code](/en/design/surfaces/spotlight/code/)
## The component call site

How to drop the spot into your own page. Single Astro component, one prop, covers any aspect ratio via SVG `preserveAspectRatio`.

```
<MonotileBackground variant="light" />
<MonotileBackground variant="dark" />
```

The spot is baked into the monotile background SVG. It covers any aspect ratio automatically.
       [Houdini spot · Variants](/en/design/surfaces/spotlight/variants/)     [Theme surfaces · Paper](/en/design/surfaces/theme/)