# Monotile background — Unless design system

Surfaces

# Monotile background
  [Einstein](/en/design/surfaces/monotile/)[Light](/en/design/surfaces/monotile/light/)[Dark](/en/design/surfaces/monotile/dark/)[Construction](/en/design/surfaces/monotile/construction/)[Download](/en/design/surfaces/monotile/download/)
## How the three layers stack

The full recipe in one pre-rendered SVG — three layers composited into a single static file per variant.

```
Three-layer composite in one static SVG file:

  1. einstein-hats paths   (full-bleed monotile)
  2. linear-gradient fade  (denser left → lighter right, 96%/74%/50%
                            alpha on light, 96%/65%/35% on dark)
  3. radial Houdini spot   (centred at (820, 540) in the 1296 × 809
                            natural viewBox — bottom-right rule-of-
                            thirds anchor)

Light variant
  · fade colour : #ECEDF0  (paper-cool)
  · spot colour : #0F0F0F  (near-black, low alpha, reads as vignette)

Dark variant
  · fade colour : #0F1F3D  (navy)
  · spot colour : #93B4F5  (peak-blue-lifted, brighter than navy bg)
```
       [Monotile background · Dark](/en/design/surfaces/monotile/dark/)     [Monotile background · Download](/en/design/surfaces/monotile/download/)