Styles du Site

Découvrez des propositions de couleurs harmonieuses

Proposition 4: Rose et Lavande

Rose Principal
#d4647b

Lavande
#9b59b6

Blanc Lavande
#f0e6ff

Rose Clair
#e8a5b3

Romantique et sophistiqué, idéal pour un site culinaire raffiné.

Exemple d'utilisation

Titre principal

Ceci est un exemple de texte principal utilisant une couleur sombre pour une lecture confortable.

Section avec bordure Lavande

Cette section utilise la Lavande comme couleur d'accent pour la bordure.

Carte avec accent Lavande

Contenu de la carte avec texte sombre pour une lecture agréable.

Zone d'alerte importante

Utilisation du Rose Principal pour les informations critiques.

Navigation actuelle du site

Boutons et Badges utilisés dans le site

Boutons

Boutons principaux :

Boutons d'action :

Tailles de boutons :

Boutons avec icônes :

Boutons de fermeture :

Groupe de boutons :

Badges

Badges de couleur :

bg-primary bg-secondary bg-success bg-danger bg-warning bg-info bg-light bg-dark

Badges avec contenu :

Cuisine Française Facile 4 personnes En ligne Développement Tag exemple

Exemples d'utilisation réelle

Carte de recette

Pasta Carbonara

Italienne Facile 2 personnes

Une délicieuse recette de pâtes...

Message d'information avec boutons d'action

Guide d'utilisation des couleurs

Utilisation recommandée :

Couleur principale : Titres, boutons d'action, éléments importants
Couleur secondaire : Accents, bordures, éléments secondaires
Couleur de fond : Arrière-plans, cartes, sections
Couleur de texte : Contenu principal, navigation

Conseils d'accessibilité :

Maintenir un contraste suffisant (ratio 4.5:1 minimum)
Éviter les combinaisons rouge-vert pour les daltoniens
Utiliser des couleurs en plus du texte pour les informations importantes
Tester avec des outils d'accessibilité