# Monotile-achtergrond - designsysteem van Unless

Vlakken

# Monotile-achtergrond
  [Einstein](/nl/design/surfaces/monotile/)[Licht](/nl/design/surfaces/monotile/light/)[Donker](/nl/design/surfaces/monotile/dark/)[Constructie](/nl/design/surfaces/monotile/construction/)[Download](/nl/design/surfaces/monotile/download/)
## Hoe de drie lagen op elkaar stapelen

Het volledige recept in één vooraf gerenderde SVG - drie lagen samengevoegd tot één statisch bestand per variant.

```
Samenstelling van drie lagen in één statisch SVG-bestand:

  1. einstein-hats-paden   (monotile tot de rand)
  2. lineaire vervaging    (dichter links → lichter rechts, alfa
                            96%/74%/50% op licht, 96%/65%/35% op donker)
  3. radiale Houdini-spot  (gecentreerd op (820, 540) in de natuurlijke
                            viewBox van 1296 × 809 - het ankerpunt op
                            het snijpunt rechtsonder)

Variant licht
  · kleur vervaging : #ECEDF0  (paper-cool)
  · kleur spot      : #0F0F0F  (bijna zwart, lage alfa, oogt als vignet)

Variant donker
  · kleur vervaging : #0F1F3D  (navy)
  · kleur spot      : #93B4F5  (opgelicht piekblauw, helderder dan de
                                navy achtergrond)
```
       [Monotile-achtergrond · Donker](/nl/design/surfaces/monotile/dark/)     [Monotile-achtergrond · Download](/nl/design/surfaces/monotile/download/)