Comment fonctionne l'Identité visuelle dans Jimani ?

Réponse

Dans Identité visuelle, vous réglez en un seul endroit le logo, les huit couleurs, l'arrondi des angles et la police de votre établissement. Vos widgets utilisent cette identité visuelle, sauf si, pour un widget, vous choisissez des couleurs personnalisées. À droite, vous voyez un Aperçu de votre Site web, Widget, E-mail et Ticket.

Où le trouver

Paramètres > Votre établissement > Identité visuelle (/Huisstijl)

Explication

Modifiez d'abord quelque chose et regardez ensuite l'aperçu à droite ; ce n'est qu'avec Enregistrer (en bas à droite) que vous le conservez. Vous pouvez commencer avec une identité visuelle prête à l'emploi, ou faire récupérer les couleurs et les polices de votre propre site web. Jimani vérifie alors que les couleurs sont bien lisibles selon WCAG 2.1 AA. Un pas-à-pas distinct figure dans Comment définir mon logo, mes couleurs et ma police ?.

Boutons et paramètres

Nom	Ce que ça fait	Quand l'utiliser	Attention
Choisissez un style	Trente identités visuelles prêtes à l'emploi, par exemple Bistro chaleureux, Vert frais, Noir et or, Mer, Pastel et Nuit. Un clic remplit les huit couleurs, l'arrondi des angles et la police.	Si vous voulez rapidement un style soigné.	L'enregistrement, c'est à vous de le faire ; l'aperçu à droite change immédiatement.
Logo / Choisir un logo	Importe votre logo (png, jpg, webp ou gif, 5 Mo au maximum). C'est le même logo que dans les données de votre entreprise : vous le voyez sur vos widgets, e-mails et tickets.	Une seule fois, ou quand votre logo change.	Le logo est conservé immédiatement. On lit « Pas encore de logo. » tant qu'il n'y en a pas.
Depuis votre site web : Site web	L'adresse de votre site web, par exemple www.votreetablissement.fr.	Pour Récupérer depuis mon site web.	Le champ est prérempli avec l'adresse du site web figurant dans les données de votre entreprise.
Récupérer depuis mon site web	Lit les couleurs et les polices de votre site web et en fait une identité visuelle lisible.	Si vous avez déjà un site web avec son propre style.	Consomme du crédit IA. Vous voyez d'abord le résultat dans l'aperçu. Si Jimani ne trouve pas de couleurs utilisables, elles viennent de votre logo ou vous obtenez un style standard soigné pour votre type d'établissement.
Couleur principale	La couleur des boutons, de la date et de l'heure choisies, et des accents.	Toujours, c'est votre couleur de marque principale.	Une pastille de couleur avec le code (par exemple #8C2F1B) à côté.
Texte sur couleur principale	Le texte et les pictogrammes sur un bouton de la couleur principale.	Généralement blanc ou noir.	-
Arrière-plan	L'arrière-plan des écrans.	-	-
Carte	Les cases, cartes et champs de saisie sur cet arrière-plan.	-	-
Texte	Les titres et le texte courant.	-	-
Bordure	Les bordures et les lignes de séparation.	-	-
Désactivé	Ce qui n'est pas (encore) sélectionnable.	-	WCAG n'impose pas ici d'exigence de contraste.
Erreur	Les messages d'erreur et un champ mal rempli.	-	-
Arrondi des angles	À quel point les angles des boutons et des cases sont arrondis, en pixels (0 est droit, 24 au maximum).	Pour un style net ou au contraire doux.	Avec les boutons moins et plus ou en saisissant la valeur.
Police	Choisit une police dans une liste.	-	Uniquement des polices qui fonctionnent sur chaque appareil et ne téléchargent rien chez Google.
Rendre lisible	Apparaît quand une paire de couleurs manque de contraste (avec « contraste x:1, requis y:1 »). Jimani propose alors une couleur (« Suggestion : ... »).	Dès qu'un message s'affiche.	Si tout est correct, vous voyez « Toutes les couleurs sont bien lisibles (WCAG AA). »
Aperçu	À droite, un choix entre Site web, Widget, E-mail et Ticket.	Pour voir où l'identité visuelle réapparaît.	L'aperçu change à chaque modification, même avant Enregistrer.
Site web	Aperçu de l'en-tête de votre site avec le menu (Carte, À propos de nous, Contact) et l'ouverture avec un bouton.	-	-
Widget	Aperçu d'un widget de réservation avec des horaires, un champ avec message d'erreur et le bouton Réserver.	-	-
E-mail	Aperçu d'un e-mail de confirmation : une carte avec un trait dans la couleur principale, le logo (ou le nom) au-dessus.	-	-
Ticket	Aperçu d'un ticket de caisse : logo en niveaux de gris et nom de votre établissement.	-	Une imprimante de tickets imprime en noir et blanc, donc les couleurs de marque ne figurent pas sur le ticket.
Appliquer à tous les widgets	Remet sur l'identité visuelle les widgets qui ont des couleurs personnalisées.	Si vous voulez donner le même style à tous les widgets.	Vous obtenez d'abord la question « Appliquer l'identité visuelle à tous les widgets ? » avec Oui et Non. Les couleurs personnalisées des widgets sont conservées mais ne sont plus utilisées ; pour chaque widget, vous pourrez choisir de nouveau des couleurs personnalisées plus tard. Visible uniquement si un ou plusieurs widgets ont des couleurs personnalisées.
Précédent / Enregistrer	Précédent revient à Paramètres ; Enregistrer conserve l'identité visuelle.	Enregistrer après chaque série de modifications.	Vous voyez « Enregistré » quand c'est réussi.

Messages

Message	Ce que cela signifie	Que faire
{0} widget(s) utilisent encore des couleurs personnalisées et ne suivent pas cette identité visuelle.	Un ou plusieurs widgets ont, sous Changer de couleur, Couleurs personnalisées sur Oui.	Choisissez Appliquer à tous les widgets, ou laissez-les ainsi.
Les couleurs de votre site web sont prêtes. Vérifiez l'aperçu et choisissez Enregistrer.	Récupérer depuis mon site web a réussi.	Vérifiez l'aperçu et choisissez Enregistrer.
Nous n'avons pas trouvé de couleurs utilisables sur votre site web. Les couleurs proviennent maintenant de votre logo. Vérifiez l'aperçu et choisissez Enregistrer.	Le site web n'a pas donné de couleurs utilisables.	Vérifiez l'aperçu et choisissez Enregistrer, ou choisissez vous-même des couleurs.
Uniquement une image (png, jpg, gif ou webp) de 5 Mo au maximum.	Le logo n'est pas une image ou est trop grand.	Choisissez un autre fichier.
L'enregistrement a échoué. Veuillez réessayer.	L'enregistrement a échoué.	Réessayez.

Articles liés

Comment définir mon logo, mes couleurs et ma police ?, Comment fonctionne Mon site web dans Jimani ?, Le widget de Jimani est-il accessible aux personnes en situation de handicap ?

Mots-clés: identité visuelle, charte graphique, logo, couleurs, police, couleurs de marque, arrondi des angles, récupérer depuis mon site web, couleurs du widget

Dernière vérification: 2026-10-16

Traduit de la base de connaissances néerlandaise ; la version néerlandaise fait foi.