Skip to content

Surfaces

Monotile background

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