Patterns
Motifs visuels récurrents : blueprint grid, topographic lines, chrome shimmer, grain overlay.
REF-DS/PATTERNS v1.0 — 2026-04-09
Ces motifs visuels récurrents définissent l'esthétique LiteOps. Ils apportent texture, profondeur et une sensation de qualité matérielle sans introduire de bruit.
Blueprint grid
Grille subtile de 48px superposée à basse opacité sur les backgrounds de sections. Elle référence le dessin technique et la documentation d'ingénierie.
Critère : visible de près, invisible au premier regard.
Topographic lines
Motifs organiques de lignes de contour (type carte topographique) utilisés comme texture de fond sur les grandes surfaces. Ils ajoutent de la profondeur visuelle et évoquent la cartographie, le terrain et la pensée systémique — sans être illustratifs.
Chrome shimmer
Gradient métallique construit à partir de chrome-light → chrome → chrome-dark pour les accents UI premium :
- Badges hardware
- Indicateurs de plan/tier
- Highlights de surface sur les éléments interactifs
Il référence l'outillage de précision et le métal poli.
background: linear-gradient(
135deg,
var(--color-chrome-light),
var(--color-chrome),
var(--color-chrome-dark)
);Grain overlay
Texture de grain film à 4% d'opacité appliquée comme couche finale sur les surfaces.
Fonctions :
- Introduit de la chaleur analogique
- Empêche le design de paraître purement numérique
- Ancre l'interface dans la réalité matérielle
Usage : T1 (site public) uniquement. Jamais sur T2 ni T3.
Règles par tier
| Pattern | T1 Public | T2 Product | T3 Docs |
|---|---|---|---|
| Blueprint grid | Oui | Non | Non |
| Topographic lines | Oui | Non | Non |
| Chrome shimmer | Oui | Oui | Non |
| Grain overlay | Oui (opacity 0.035) | Non | Non |
| Dot-grid | Non | Non | Oui (16px, 0.5px) |
REF-DS/PATTERNS v1.0 · AVRIL 2026