Surfaces

Houdini spot

Spec Variants 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
Theme surfaces · Paper