Le bandeau de consentement aux cookies est souvent le premier élément de votre site avec lequel vos visiteurs interagissent.
Avec äso, vous pouvez personnaliser son apparence afin de l’intégrer naturellement à votre univers graphique, tout en conservant une interface claire, lisible et cohérente avec votre identité de marque.
Couleurs, typographies, boutons, interrupteurs, bordures ou encore ombres : chaque élément peut être travaillé pour créer un bandeau qui s’intègre à votre site plutôt que de donner l’impression d’être un composant ajouté indépendamment.
Les couleurs du bandeau
La typographie joue un rôle essentiel dans l’intégration du bandeau.
Vous pouvez personnaliser les différentes polices utilisées dans l’interface afin de retrouver les typographies de votre site.
Vous pouvez customiser :
- la police des titres
- la police du contenu textuel
- la taille des textes
- la graisse des caractères
Cette personnalisation permet d’obtenir une meilleure harmonisation visuelle entre le bandeau äso et le reste de votre site.
Pour conserver une bonne lisibilité, il est toutefois recommandé de privilégier une police facilement lisible et de conserver une taille de texte suffisamment confortable, notamment sur mobile.
Les polices de caractère
La typographie joue un rôle essentiel dans l’intégration du bandeau.
Vous pouvez personnaliser les différentes polices utilisées dans l’interface afin de retrouver les typographies de votre site.
Vous pouvez customiser :
- la police des titres
- la police du contenu textuel
- la taille des textes
- la graisse des caractères
Cette personnalisation permet d’obtenir une meilleure harmonisation visuelle entre le bandeau äso et le reste de votre site.
Pour conserver une bonne lisibilité, il est toutefois recommandé de privilégier une police facilement lisible et de conserver une taille de texte suffisamment confortable, notamment sur mobile
La structure du bandeau
Au-delà des couleurs et de la typographie, äso permet de personnaliser la structure visuelle du bandeau.
Vous pouvez customiser :
- la couleur de la bordure
- le rayon des coins
- les ombres
Un bandeau aux coins arrondis
Pour une interface plus contemporaine, le rayon des coins peut être augmenté afin d’obtenir un bandeau aux formes plus douces.
Un bandeau aux angles droits
Pour une identité graphique sobre et institutionnelle, vous pouvez choisir des coins droits ou très légèrement arrondis.
Les interrupteurs
Les interrupteurs permettent de représenter visuellement l’état d’une préférence dans la section « Pesronnaliser ».
Avec äso, leur apparence peut être intégrée à votre univers graphique afin d’éviter une rupture entre le gestionnaire de consentement et le reste de votre interface.
Vous pouvez customiser :
- la couleur de l’interrupteur lorsqu’il est activé
- la couleur lorsqu’il est désactivé
Le bouton de rappel
Le consentement ne s’arrête pas au premier affichage du bandeau. L’utilisateur doit pouvoir revenir ultérieurement sur ses choix.
Äso propose donc un bouton de rappel permettant de rouvrir l’interface de gestion des préférences.
Ce bouton peut être personnalisé pour s’intégrer discrètement au site tout en restant facilement identifiable.
Vous pouvez customiser :
- sa couleur
- son icône
- sa position
- ses dimensions
Le bouton de rappel peut ainsi prendre la forme d’un élément très discret ou, au contraire, reprendre un composant déjà présent dans votre système graphique.
Les boutons d’action
Les boutons constituent les principaux éléments interactifs du bandeau. Leur personnalisation permet de les intégrer directement à votre design.
Vous pouvez customiser :
- couleur de fond
- couleur du texte
- taille du texte et graisse de la police (dans Typographie / Interface)
- état au survol
Vous pouvez ainsi créer différents styles de boutons tout en conservant une même logique graphique sur l’ensemble du bandeau.
Vous pouvez décider de paramétrer tous les boutons ou chaque bouton séparément.
Tous les bontons
Chaque bouton