# 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/)
## Trois variantes de remplissage publiées pour le blueprint

La même géométrie SVG, avec le remplissage de la silhouette du logo (l'anneau extérieur + le sommet du triangle inférieur) teinté différemment pour trois contextes d'usage : le héros de la page d'accueil, les surfaces claires génériques et les surfaces sombres.

- **Accueil** - niveaux de gris et assombri via `filter: brightness(0.15) saturate(0)`. Se lit comme un filigrane sombre discret sur le héros papier froid de la page d'accueil.
- **Clair** - bleu assombri via `filter: brightness(0.15)`. Ajoute une texture discrète de couleur de marque sur les surfaces papier / claires.
- **Sombre** - bleu par défaut à opacité réduite. Se lit comme une lueur subtile sur les surfaces sombres / marine.
- Le SVG statique est uniformément #93B4F5 (bleu vif éclairci). Les surfaces se teintent via des filtres CSS - désaturé pour la page d'accueil, bleu par défaut ailleurs.
       [Motif blueprint · Construction](/fr/design/surfaces/blueprint/)     [Motif blueprint · Téléchargement](/fr/design/surfaces/blueprint/download/)