# Blueprintpatroon - designsysteem van Unless

Vlakken

# Blueprintpatroon
  [Constructie](/nl/design/surfaces/blueprint/)[Varianten](/nl/design/surfaces/blueprint/variants/)[Download](/nl/design/surfaces/blueprint/download/)
## Blueprintgeometrie - cirkels, streepjes, draadkruis, diagonalen

Het volledige losse patroon in egaal lichtblauw (#93B4F5). Concentrische cirkels op de φ-verhouding, een band van 24 streepjes, een draadkruis, onderbroken diagonalen die binnen het silhouet van het logo doorlopend worden, annotaties volgens de gulden snede en graadaanduidingen. Vlakken tinten met CSS-filters naar de gewenste kleur.

### Variant home · paper-cool, witte logovervaging
  ![](/assets/svg/blueprint.svg)
### Variant licht · op papier, lichtblauwe vervaging
  ![](/assets/svg/blueprint.svg)
### Variant donker · op navy, lichtblauwe vervaging
  ![](/assets/svg/blueprint.svg)
## Geometrie

- **ViewBox**: −115.2 −115.2 230.4 230.4 - vierkant, waarbij de straal van het logo (44) 38,2% van de omvang beslaat (de gulden snede).
- **Buitenste ring**: r=44, met een band van 24 streepjes (om de 15°) op de ring van r=41 tot r=44.
- **Middelste referentiering**: r=30.
- **Binnenste ring**: r=15.5 - sluit om het beeldmerk van Unless heen wanneer dat binnen `<AgentSketch>` wordt samengesteld.
- **Draadkruis**: horizontale en verticale assen, getekend tot ±115.2 (= 44 × φ²), met een radiale vervaging naar transparant aan de randen. Voor een groter bereik (bijvoorbeeld de hero op de homepage) wordt de afbeelding groter geschaald dan de container.
- **Diagonalen**: onderbroken hulplijnen op ±45°, haarlijndikte.
- **Graadaanduidingen**: de labels 0, 90, 180 en 270 bij de vier hoofdstreepjes, in ui-monospace van 2.6 viewBox-eenheden.
       [Monotile-achtergrond · Download](/nl/design/surfaces/monotile/download/)     [Blueprintpatroon · Varianten](/nl/design/surfaces/blueprint/variants/)