# Blueprintpatroon - designsysteem van Unless

Vlakken

# Blueprintpatroon
  [Constructie](/nl/design/surfaces/blueprint/)[Varianten](/nl/design/surfaces/blueprint/variants/)[Download](/nl/design/surfaces/blueprint/download/)
## De drie vulvarianten waarin de blueprint wordt uitgeleverd

Dezelfde SVG-geometrie, waarbij de vulling van het logosilhouet (de buitenste ring plus de onderste driehoekspunt) per gebruikscontext anders is getint: de hero op de homepage, gewone lichte vlakken en donkere vlakken.

- **Home** - grijswaarden en gedimd via `filter: brightness(0.15) saturate(0)`. Oogt als een rustig donker watermerk op de paper-cool hero van de homepage.
- **Licht** - verdonkerd blauw via `filter: brightness(0.15)`. Voegt een rustige textuur in merkkleur toe op papier en lichte vlakken.
- **Donker** - het standaardblauw met verlaagde dekking. Oogt als een subtiele gloed op donkere en navy vlakken.
- De statische SVG is overal #93B4F5 (opgelicht piekblauw). Vlakken tinten via CSS-filters - ontzadigd voor de homepage, standaardblauw elders.
       [Blueprintpatroon · Constructie](/nl/design/surfaces/blueprint/)     [Blueprintpatroon · Download](/nl/design/surfaces/blueprint/download/)