Assignation des couleurs Posted on January 12, 2025 - 4:15 pm by littlebigworld Notre Système de Couleurs Notre système de couleurs est un ensemble de couleurs prédéfinies utilisées sur tout le site web pour garantir un design cohérent et visuellement attrayant. Le sélecteur de couleurs vous permet de choisir parmi une large gamme de couleurs ou d’entrer un code couleur spécifique pour une personnalisation précise. Les couleurs sont définies en tant que variables CSS. L’utilisation de ces variables simplifie la gestion et la mise à jour du schéma de couleurs de tout le projet, offrant ainsi flexibilité et facilité de personnalisation. Couleurs Harmonieuses et Codes Dédiés Nous avons déjà expliqué comment définir un ensemble de couleurs harmonieuses : C1, C2, C3, C4, C5, BG et FB. Pour simplifier vos choix, nous générons automatiquement des couleurs complémentaires dans l’harmonie de votre palette : Couleurs calculées : Plus claires : LIC1, LIC2, LIC3, LIC4, LIC5 Plus foncées : DAC1, DAC2, DAC3, DAC4, DAC5 Meilleur contraste : BCC1, BCC2, BCC3, BCC4, BCC5 Légèrement transparentes : OPC1, OPC2, OPC3, OPC4, OPC5 Aperçu du Système de Couleurs Couleur de Fond (–background-color) Cette couleur constitue l’arrière-plan global et harmonise les sections. Couleur par Défaut (–default-color) Utilisée pour le texte neutre, comme le noir ou le gris foncé, pour un contraste optimal. Couleur des Titres (–heading-color) Spécifique aux en-têtes et titres, elle assure une hiérarchie visuelle. Couleur d’Accentuation (–accent-color) Représente votre marque, utilisée pour les boutons et éléments interactifs. Couleur de Surface (–surface-color) Appliquée en fond pour séparer visuellement des éléments encadrés. Couleur de Contraste (–contrast-color) Permet un texte lisible sur les couleurs dominantes. Couleurs pour la Navigation Principale Couleur des Liens de Navigation : –nav-color Couleur au Survol : –nav-hover-color Couleur de Fond Mobile : –nav-mobile-background-color Couleur de Fond des Menus Déroulants : –nav-dropdown-background-color Couleur des Liens Déroulants : –nav-dropdown-color Couleur au Survol des Liens Déroulants : –nav-dropdown-hover-color Presets Disponibles par Défaut Deux presets principaux sont inclus et utilisés dans nos designs de sections : Fond Clair : Idéal pour des designs lumineux. Fond Sombre : Parfait pour des designs modernes et élégants. Ces presets peuvent être personnalisés, mais restent une base incontournable.