Identité AutoQuote
Charte graphique
Les couleurs, la typographie et les déclinaisons du logo qui composent l’identité visuelle AutoQuote.
Logo & identité de marque
Fond clair
Fond sombre
Icône seule
Logo empilé
Règles d’utilisation
Conserver le carré arrondi incliné à −15°, le A blanc et le dégradé bleu. Sur fond sombre, le nom AutoQuote devient blanc ; le pictogramme conserve ses couleurs.
- Préserver les proportions et un espace libre autour du logo.
- Ne pas étirer, recolorer ou ajouter d’effets au logo.
- Utiliser les déclinaisons présentées ci-dessus.
Couleurs
Le bleu principal est #0066FF et le bleu secondaire #00AAFF. Les couleurs de statut accompagnent les messages de succès, d’avertissement et d’erreur.
Bleu principal
50
#E6F0FF
100
#CCE0FF
200
#99C2FF
300
#66A3FF
400
#3385FF
500
#0066FF
600
#0052CC
700
#003D99
800
#002966
900
#001433
Bleu secondaire
50
#E6F7FF
100
#CCF0FF
200
#99E0FF
300
#66D1FF
400
#33C1FF
500
#00AAFF
600
#0088CC
700
#006699
800
#004466
900
#002233
Neutres
50
#F8FAFC
100
#F1F5F9
200
#E2E8F0
300
#CBD5E1
400
#94A3B8
500
#64748B
600
#475569
700
#334155
800
#1E293B
900
#0F172A
Succès
50
#ECFDF5
100
#D1FAE5
200
#A7F3D0
300
#6EE7B7
400
#34D399
500
#10B981
600
#059669
700
#047857
800
#065F46
900
#064E3B
Avertissement
50
#FFFBEB
100
#FEF3C7
200
#FDE68A
300
#FCD34D
400
#FBBF24
500
#F59E0B
600
#D97706
700
#B45309
800
#92400E
900
#78350F
Erreur
50
#FEF2F2
100
#FEE2E2
200
#FECACA
300
#FCA5A5
400
#F87171
500
#EF4444
600
#DC2626
700
#B91C1C
800
#991B1B
900
#7F1D1D
Dégradés
Principal
#0066FF → #00AAFF
Principal inversé
#00AAFF → #0066FF
Sombre
#0F172A → #1E293B
Surface
#F8FAFC → #E2E8F0
Succès
#10B981 → #34D399
Avertissement
#F59E0B → #FBBF24
Erreur
#EF4444 → #F87171
Typographie
Inter est la police principale. Les tailles et interlignes ci-dessous reprennent l’échelle du design system.
Graisses
AutoQuote
light · 300
AutoQuote
regular · 400
AutoQuote
medium · 500
AutoQuote
semibold · 600
AutoQuote
bold · 700
AutoQuote
extrabold · 800
xs · 0.75rem · interligne 1rem
AutoQuote
sm · 0.875rem · interligne 1.25rem
AutoQuote
base · 1rem · interligne 1.5rem
AutoQuote
lg · 1.125rem · interligne 1.75rem
AutoQuote
xl · 1.25rem · interligne 1.75rem
AutoQuote
2xl · 1.5rem · interligne 2rem
AutoQuote
3xl · 1.875rem · interligne 2.25rem
AutoQuote
4xl · 2.25rem · interligne 2.5rem
AutoQuote
5xl · 3rem · interligne 1.15
AutoQuote
6xl · 3.75rem · interligne 1.1
AutoQuote
7xl · 4.5rem · interligne 1.05
AutoQuote
Espacements & formes
Échelle d’espacement
2 px
4 px
8 px
12 px
16 px
20 px
24 px
32 px
40 px
48 px
64 px
80 px
96 px
Arrondis
0 px
4 px
6 px
8 px
12 px
16 px
24 px
Complet
Iconographie
Lucide · trait de 2 px
Tailles de référence : 14, 16, 18, 20, 24, 32 et 40 px. Choisir une taille cohérente avec le contexte et utiliser les couleurs de la palette.