# Motif blueprint - Système de design Unless

Surfaces

# Motif blueprint
  [Construction](/fr/design/surfaces/blueprint/)[Variantes](/fr/design/surfaces/blueprint/variants/)[Téléchargement](/fr/design/surfaces/blueprint/download/)
## Géométrie du blueprint - cercles, graduations, réticule, diagonales

Le motif complet et autonome en bleu clair uniforme (#93B4F5). Cercles concentriques en ratio φ, bande de 24 graduations, réticule, diagonales en tirets qui deviennent pleines à l'intérieur du coin de la silhouette du logo, annotations en nombre d'or, indicateurs de degré. Les surfaces se teintent dans la couleur souhaitée via des filtres CSS.

### Variante accueil · papier froid, fondu du logo blanc
  ![](/assets/svg/blueprint.svg)
### Variante claire · sur papier, fondu bleu clair
  ![](/assets/svg/blueprint.svg)
### Variante sombre · sur marine, fondu bleu clair
  ![](/assets/svg/blueprint.svg)
## Géométrie

- **ViewBox** : −115,2 −115,2 230,4 230,4 - carré, avec un rayon de logo (44) égal à 38,2 % de l'étendue (section dorée).
- **Anneau extérieur** : r=44, avec une bande de 24 graduations (espacées de 15°) sur l'anneau r=41 → r=44.
- **Anneau de référence médian** : r=30.
- **Anneau intérieur** : r=15,5 - s'ajuste à la marque Unless une fois composé dans `<AgentSketch>`.
- **Réticule** : axes horizontal et vertical tracés jusqu'à ±115,2 (= 44 × φ²), avec un fondu radial vers la transparence sur les bords. Pour une portée plus large (par exemple le héros de la page d'accueil), l'image est mise à l'échelle au-delà de son conteneur.
- **Diagonales** : lignes de référence en tirets à ±45°, épaisseur filiforme.
- **Indicateurs de degré** : libellés 0 / 90 / 180 / 270 aux quatre graduations cardinales, ui-monospace 2,6 unités de viewBox.
       [Fond monotile · Téléchargement](/fr/design/surfaces/monotile/download/)     [Motif blueprint · Variantes](/fr/design/surfaces/blueprint/variants/)