ACA Scan Logo

1. Palette & Identité Visuelle

Une alliance stratégique entre tons neutres professionnels (Ardoise & Acier) pour une lisibilité optimale sans fatigue visuelle, sublimée par des accents rouge punchy pour dynamiser l'interface et guider l'action.

Bleu Ardoise
#282C37
RGB: 40, 44, 55
Gris Acier
#8897AA
RGB: 136, 151, 170
Blanc Perle
#EFF3F6
RGB: 239, 243, 246
Rouge Vif
#F02D4E
RGB: 240, 45, 78
Rouge Carmin
#C70A32
RGB: 199, 10, 50

2. Boutons & Actions

Des éléments d'interaction épurés et incitatifs, structurés avec une hiérarchie visuelle forte pour guider l'utilisateur naturellement vers les actions prioritaires.

Liens d'Action avec Flèche Élongée (Pattern Officiel)

Action Principale Rouge ACA

Explorer la plateforme

Action Structurante Bleu Ardoise

Consulter le rapport

3. Cartes & Surfaces

Un découpage spatial aéré et modulable qui sépare clairement les niveaux de lecture : aplats solides pour la structure, et verre dépoli teinté pour la légèreté visuelle.

Aplats Solides & Structures (Cartes Pleines)

Aplat Perle

Surface Blanc Perle

Conteneur standard sur fond clair pour une lecture reposante.

Aplat Sombre

Bleu Ardoise Dark

Pour les sections stratégiques et tableaux de synthèses.

Aplat Acier

Gris Acier Secondaire

Pour les zones d'informations annexes et filtres.

Verre Dépoli (Glassmorphism Teinté & Motifs Visuels)

Verre Clair Perle

Translucidité Neutre (Fond Clair)

Translucidité lumineuse et floutage doux pour les widgets et conteneurs sur surfaces claires.

Verre Teinté Ardoise

Translucidité Sombre (Fond Ardoise)

Opacité optiquement calibrée à 35% pour offrir exactement le même niveau de transparence perçue que le verre clair.

4. Data & Indicateurs A.C.A

Une dataviz sémantique haute précision conçue pour transformer des ressentis humains complexes en indicateurs de pilotage clairs et exploitables.

Scores par Pilier A.C.A

78

Score Global

85

Appartenance

62

Compétence

88

Autonomie

Répartition des ressentis par Pilier

Appartenance
Compétence
Autonomie
Favorable Vigilance Fragilité Alerte

Heatmap (Matrice A.C.A)

Appartenance
Compétence
Autonomie
Direction
85
78
92
Marketing
65
55
70
Tech
90
85
88
Support
40
35
50

Équilibre A.C.A

AppartenanceCompétenceAutonomie

Benchmark d'Équipe par Pilier

Appartenance (Tech)82 / 100
Moy. 70

+12 pts vs Moyenne Entreprise

Compétence (Tech)45 / 100
Moy. 60

-15 pts vs Moyenne Entreprise

Indicateurs d'Évolution (vs Mois précédent)

Appartenance
85
↗ +3 vs M-1
Compétence
62
↘ -2 vs M-1
Autonomie
88
→ = vs M-1

Historique Temporel (Score par Statut)

1007550250
2024: 45
Janv
2024: 30
Févr
2024: 65
Mars
2024: 75
Avril
2024: 85
Mai
2024: 78
Juin
Favorable (≥80) Vigilance (60-79) Fragilité (40-59) Alerte (<40)

5. Animations & Micro-interactions

Des signatures de mouvement fluides et réactives (cercles expansifs, flèches élastiques, lueurs ambiantes) qui dynamisent les interfaces et récompensent chaque interaction utilisateur.

Conteneurs d'Icônes avec Cercle Expansif (Pattern Officiel)

Design System
Questionnaire
Manager
Directeur