Les 3 tiers

T1 Public, T2 Product, T3 Docs — trois expressions visuelles d'une même identité.

REF-DS/TIERS v1.0 — 2026-04-09

Vue d'ensemble

Fondation partagée (@liteops/ds)
  Palette 14 tokens — DM Sans + JetBrains Mono — Logo LITE●OPS
        │
        ├── T1 Public       Chaleureux · Désert · Architectural
        ├── T2 Product      Clean · Fonctionnel · Sémantique
        └── T3 Docs         Teenage Engineering · Rigoureux · Minimal

Matrice des tiers

T1Public

BG--color-paper #F0EEEBTEXT--color-ink #1C1C1AACCENT--color-green #A5D900RADIUS0PATTERNGrain SVG 0.035

T2Product

BG--color-dark #1E1D1BTEXT--color-paper #F0EEEBACCENT--color-green #A5D900RADIUS6pxPATTERNAucun

T3Docs

BGwhite #FFFFFFTEXT--color-ink #1C1C1AACCENT--color-ink #1C1C1ARADIUS0PATTERNDot-grid 16px

T1 — Public

Esprit : Chaleureux, désert, architectural. Lumière dorée. Horizons immenses.

✓ Background Architect Paper #F0EEEB ✓ Grain SVG, opacity 0.035 ✓ Photos désert uniquement ✓ Border-radius = 0 — zéro absolu

Composants spécifiques T1 :

Header avec nav horizontale, logo, bouton "Demander une démo"
Bandes photo (2fr/1fr ou 1fr/1fr)
Agent cards sur fond --color-dark avec accent-bar coloré
Quote sections avec grain

T2 — Product

Esprit : Clean, fonctionnel, sémantique. L'interface s'efface derrière les données.

✓ Background Dark #1E1D1B ✓ Accent Signal Green uniforme sur tous les produits ✓ Border-radius = 6px — arrondi doux uniquement ✗ Photos ✗ Pattern de fond ✗ Amber ou Copper comme accent UI

RÈGLE

L'accent vert est uniforme sur tous les produits T2 (Pilot, Sailor, Matchmaker, Simulateur, Roadmap). Amber et Copper sont des couleurs sémantiques (badges, statuts) mais ne sont jamais des accents UI produit.

T3 — Docs

Esprit : Teenage Engineering. Spec sheet d'ingénieur. Rigoureux, minimal, fonctionnel.

✓ Background blanc #FFFFFF ✓ Dot-grid 16px, #D5D1CB 0.5px ✓ Accent = Ink — sobre ✓ Border-radius = 0 — zéro absolu

Structure de page T3 :

Header : Logo | NOM_COMPOSANT | REF-XXX/yyy vN.M | date
Body   : Sommaire (sidebar) | Contenu (sections numérotées)
Footer : "Lite Ops — Intelligent Systems & Operations" | Page X / Y

Règles par tier — résumé

Règle	T1	T2	T3
Border-radius	0	6px	0
Photos	Désert	Aucune	Aucune
Pattern fond	Grain	Aucun	Dot-grid
Mode	Light	Dark	Light + Dark
Accent	Signal Green	Signal Green	Ink

REF-DS/TIERS v1.0 · AVRIL 2026