Charte Graphique - MAP EXPERIENCE

MAP EXPERIENCE

Charte Graphique

Palette de Couleurs

Couleurs Principales

Framboise
#D13C64
RGB: 209, 60, 100
Logo, CTA principaux, accents
Orange Corail
#DF6A4F
RGB: 223, 106, 79
Logo, dégradés, éléments chaleureux

Couleurs Complémentaires

Bleu Nuit
#2D3561
RGB: 45, 53, 97
Titres, textes importants
Violet Vibrant
#6C5CE7
RGB: 108, 92, 231
Liens, boutons secondaires
Vert Menthe
#00B894
RGB: 0, 184, 148
Confirmations, succès
Gris Clair
#F8F9FA
RGB: 248, 249, 250
Arrière-plans, cartes

Dégradés Signature

Dégradé Principal
linear-gradient(135deg, #d13c64 0%, #df6a4f 100%)
Dégradé Violet-Rose
linear-gradient(135deg, #6c5ce7 0%, #d13c64 100%)
Dégradé Chaleureux
linear-gradient(135deg, #df6a4f 0%, #f8b500 100%)

Typographie

Montserrat
Police Principale
LIGHT (300)
Découvrez des expériences uniques
REGULAR (400)
Découvrez des expériences uniques
SEMIBOLD (600)
Découvrez des expériences uniques
BOLD (700)
Découvrez des expériences uniques
EXTRABOLD (800)
MAP EXPERIENCE

Utilisation : Titres principaux, logo, boutons CTA, navigation

Poppins
Police Secondaire
LIGHT (300)
Réservez vos activités facilement
REGULAR (400)
Réservez vos activités facilement
MEDIUM (500)
Réservez vos activités facilement
SEMIBOLD (600)
Réservez vos activités facilement

Utilisation : Sous-titres, titres de cartes, labels, interface

Open Sans
Police de Texte
REGULAR (400)
MAP EXPERIENCE est une plateforme innovante qui permet de réserver et gérer facilement des activités grâce à une carte interactive. Découvrez aussi bien les activités touristiques incontournables que les expériences locales authentiques.
SEMIBOLD (600)
Découvrez des expériences authentiques près de chez vous. Plus de 500 activités référencées.

Utilisation : Corps de texte, descriptions, paragraphes

Applications Visuelles

Bouton Principal

Dégradé principal
Montserrat Semibold

Carte d'Activité

Fond clair
Bordure framboise
Poppins Medium

En-tête

Bleu nuit
Montserrat Bold

Corps de Texte

Fond blanc
Open Sans Regular
Couleur texte #7f8c8d

Notes d'Utilisation

Principes Clés

  • Cohérence : Utiliser le dégradé principal pour tous les éléments d'appel à l'action importants
  • Hiérarchie : Montserrat pour les titres, Poppins pour les sous-titres, Open Sans pour le corps
  • Contraste : Toujours vérifier la lisibilité des textes sur les arrière-plans colorés
  • Modernité : Privilégier les espaces blancs et les coins arrondis (border-radius: 15px)
  • Accessibilité : Respecter un ratio de contraste minimum de 4.5:1 pour les textes