Identité AutoQuote

Charte graphique

Les couleurs, la typographie et les déclinaisons du logo qui composent l’identité visuelle AutoQuote.

Logo & identité de marque

A AutoQuote
A AutoQuote

Fond clair

A AutoQuote

Fond sombre

A

Icône seule

A AutoQuote Cotation autocar par IA

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.