Design System INTECSYS

La fondation visuelle du portail : couleurs, typographie et composants. Extraits de l'identité du site intecsys.fr, adaptés à un usage d'outil métier.

À valider avec Gilles : le bordeaux #720B0B est récupéré tel quel dans le code du site. On peut le garder comme couleur de marque, ou l'ajuster ensemble. L'acier sert de couleur fonctionnelle (données, « en cours »).

Couleurs de marque

#720B0B

Bordeaux 700

Marque

#7a0f11

Bordeaux 600

Hover

#f6d5d5

Bordeaux 100

Fonds

#fbecec

Bordeaux 50

Surfaces

#1e4a7a

Acier 700

Data

#2f6db0

Acier 500

Liens

#d5e4f2

Acier 100

Fonds

#eaf1f8

Acier 50

Surfaces

Neutres & états

#14171c

Ink 900

Titres

#4a525c

Ink 600

Texte

#98a1ac

Ink 400

Discret

#e6e9ee

Ligne

Bordures

#158a5d

Succès

Terminé

#c9820a

Alerte

À planifier

#2f6db0

Info

En cours

#cc3333

Danger

Bloqué

Typographie

Raleway · Inter

Titre — Raleway 800

Piloter l'activité en un coup d'œil

Sous-titre — Raleway 700

Chantiers en cours & interventions

Corps — Inter 400 / 600

Le corps de texte utilise Inter pour une lecture claire des données techniques, des tableaux et des formulaires. Les libellés importants passent en 600.

Boutons & badges

Terminé En cours À planifier Bloqué Priorité Archivé

Avancement

Composants d'application

réutilisés sur les 3 écrans

CA en cours

412 k€

+8,2% vs mois -1

Carte chantier

Hôpital Pitié-Salpêtrière

Mise à niveau contrôle d'accès — Bât. C

STKM

60%48 500 €

Avatars & charge

68%charge

STGJKMLP+3