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)