Design Proposition
Direction A v1.0 — Juin 2026

Technical
Authority

Système de design inspiré du IBM Carbon Design System pour A2S — Advanced Safety Solutions. Une approche technique, précise et sans superflu, conçue pour le B2B industriel.

Grille 8px
Tout s'aligne sur une grille de 8 pixels. Espacements, tailles, marges — chaque mesure est un multiple de 8 pour une cohérence visuelle absolue.
Zéro rayon
Boutons et conteneurs à angles vifs (border-radius: 0). Signature Carbon qui évoque l'ingénierie de précision et la fiabilité industrielle.
Profondeur par couleur
Pas d'ombres. La hiérarchie visuelle est créée par des couches de fond (#f4f4f4, #f6f8fa) — comme les plans d'un plan technique.
Design System Tokens
Typographie
IBM Plex Sans (300/400/600)
IBM Plex Mono (specs)
Couleurs principales
Blue / Red / Yellow / Ink
Surfaces
White #ffffff
Cloud #f6f8fa
Surface #f4f4f4
Fog #eef1f4
Signature UI
Boutons rectangulaires (0px radius)
Inputs avec bordure basse uniquement
Tableaux style fiche technique
Mono pour données techniques
Pages mockup

3 écrans clés du catalogue produit

Category page preview Listing
Page catégorie

Catalogue Éclairage ATEX

Vue listing avec filtres latéraux (Zone ATEX, Certification, IP), grille produits 3 colonnes, badges Zone, et pagination. Navigation par facettes pour un parcours B2B efficace.

9 produits 4 filtres Grid + List
Voir la page
Product page preview Détail
Page produit

Fiche SPARTAN BL24

Fiche produit complète : galerie images, badges Zone/Certification, grille specs techniques, onglets Description / Caractéristiques / Certifications / Documents, produits associés.

Galerie 4 imgs 21 specs 4 onglets
Voir la page
Direction A
Index
Page index

Présentation Design System

Cette page — landing de la proposition design. Présente la direction "Technical Authority", ses principes fondateurs, les tokens du système, et donne accès aux 3 mockups.

Auto-référentiel Documentation Navigation
Page actuelle