Thème et couleurs du site

Trois mises en page, quatre ambiances, une couleur d'accent. Comment choisir sur des critères factuels, et pourquoi la couleur ne repeint pas le fond.

Écrit par Joseph

Dernière mise à jour Il y a 4 jours

Trois mises en page, quatre ambiances, une couleur. C'est volontairement peu de réglages — et c'est ce qui garantit que ta page reste lisible.

📱 Les captures viennent de la version ordinateur. Sur téléphone et sur tablette, l'écran est rangé autrement — mais tout ce qui suit s'y fait pareil, avec les mêmes libellés. Seule la place bouge.

Le principe

Le bandeau le dit en une ligne : on s'occupe du design, tu choisis l'ambiance.

Ce n'est pas une limitation posée à la légère. Une page de groupe illisible sur téléphone, c'est un programmateur qui ferme l'onglet. En te donnant trois leviers au lieu de trente, Culte garantit que toutes les combinaisons possibles restent lisibles — celle que tu choisiras comprise.

La mise en page

Les trois mises en page

L'Affiche — photo plein écran. Le nom du groupe posé dessus, rien d'autre au-dessus de la ligne de flottaison. C'est le choix pour un groupe qui a une bonne photo live.

L'Éditorial — façon magazine. Le texte à gauche, l'image à droite. Le choix quand vous avez quelque chose à dire — une accroche, un projet, une histoire.

La Mosaïque — tout d'un coup d'œil. Dates, morceaux, images dans la même grille. Le choix quand vous tournez beaucoup et que l'information prime sur l'effet.

Le critère n'est pas esthétique, il est factuel : qu'est-ce que vous avez à montrer ?

L'ambiance

Les ambiances et la couleur

Chacune a ses typos et son caractère.

Nuit — brut & sombre. Festif — chaleureux. Élégant — sobre & classe. Brut — sans détour.

Culte en marque une Conseillé pour vous. Ce n'est pas au hasard : la suggestion vient des genres que tu as déclarés dans l'identité du groupe. Tu n'es pas obligé de la suivre, mais si tu hésites, elle est un bon défaut.

La couleur

Une seule : ta couleur d'accent.

Et c'est la phrase sous le sélecteur qui compte : le reste de la palette est accordé automatiquement au thème.

Autrement dit, tu ne choisis pas la couleur du fond, ni celle du texte, ni celle des boutons. Culte les calcule à partir de ton accent et de l'ambiance retenue — en vérifiant le contraste. Accent clair, texte sombre ; accent sombre, texte clair. C'est ce calcul qui évite le grand classique du texte blanc sur bouton jaune.

Ça se règle depuis Modifier dans les réglages, ou dans Réglages → Identité.

Comment choisir, concrètement

Pars de ta photo, pas de ton logo. La mise en page dépend de ce que tu as en image.

Prends l'accent dans votre identité existante — le logo, la pochette, le merch. Pas une couleur qui vous plaît aujourd'hui.

Regarde sur ton téléphone avant de valider. Le bouton Voir mon site en haut de la page ouvre le rendu réel. C'est là que 80 % de vos visiteurs vous verront.

Ne rechange pas tous les mois. Une identité, c'est ce qui ne bouge pas.

Le piège : croire que la couleur ne s'applique pas

C'est un ticket récurrent, et c'est presque toujours la même chose : la couleur est appliquée, mais pas là où on la cherche.

Elle sert d'accent — boutons, liens, détails. Elle ne repeint pas le fond de la page : le fond appartient à l'ambiance. Si tu veux une page claire, change d'ambiance ; changer la couleur d'accent ne le fera pas.

Et si tu as changé l'accent sans rien voir bouger : ouvre la page publique, pas l'aperçu du backoffice.

À lire ensuite