Image de marque

L'image de marque est la couche visuelle de votre site web — les couleurs, les polices, le logo dans l'en-tête, l'icône dans l'onglet du navigateur. Vous la définissez une fois sous Constructeur de site web → Settings → Theme, et chaque page de votre site public (plus le formulaire de don, le formulaire de visiteur, le lecteur de sermons et chaque bloc qui respecte le thème) la reprend.

TIP

Le même thème pilote les flux intégrés /give et /visitor. Donc quand vous définissez votre couleur primaire ici, votre bouton de don sur un site tiers la reprend aussi — c'est pour cela que le formulaire de don GCM ressemble à votre église et non à GCM.

Couleurs

Il y a cinq couleurs principales et trois couleurs avancées. La plupart des équipes ne touchent qu'aux cinq principales.

Palette principale

• Primaire — la couleur principale de la marque. Boutons, liens, accents. Si vous ne définissez qu'une seule couleur, définissez celle-ci.
• Secondaire — utilisée pour les boutons moins proéminents et la seconde moitié des dégradés. Choisissez quelque chose qui fonctionne avec la primaire, pas contre elle.
• Accent — couleur de surbrillance pour les encarts, badges, états de survol.
• Arrière-plan — l'arrière-plan de la page. La plupart des églises laissent #ffffff ou presque blanc.
• Texte — couleur du corps de texte. Habituellement un gris foncé (#1f2937) plutôt que le noir pur pour une lecture plus douce.

Couleurs avancées

Cachées derrière une section dépliable pour que le panneau reste accessible :

• Couleur des titres — remplace la couleur du texte pour h1–h6 si vous voulez des titres plus foncés (ou dans une couleur de marque) que le corps de texte.
• Couleur des liens / Couleur des liens au survol — par défaut votre couleur primaire, mais vous pouvez les changer si les liens doivent être plus visibles contre un arrière-plan coloré.

Cliquez sur un échantillon de couleur pour ouvrir le sélecteur, ou collez un code hex directement (#3b82f6). Les changements s'affichent en direct dans le panneau de droite — mais vous devez quand même cliquer sur Save theme en bas pour qu'ils partent sur le site public.

Polices

Choisissez une police de titre et une police de corps dans le menu déroulant. Il y a 32 options servies par Google Fonts, du classique (Inter, Roboto, Open Sans) au display (Bebas Neue, Syncopate, Archivo Black) en passant par le serif (Playfair Display, Cormorant Garamond, Source Serif 4).

Quelques combinaisons qui fonctionnent bien :

• Audacieux + lisible — Bebas Neue (titre) + Inter (corps).
• Éditorial — Playfair Display (titre) + Source Serif 4 (corps).
• Chaleureux + moderne — Fraunces (titre) + DM Sans (corps).
• Minimal — Inter + Inter.

Quand vous changez une police, tous les blocs qui respectent le thème la reprennent — aucun remplacement bloc par bloc nécessaire.

Logo

Téléversez un PNG, SVG ou JPG. Le logo apparaît dans l'en-tête de chaque page (aligné à gauche par défaut — configurable sous Header & Footer) et comme image Open Graph par défaut sur les partages sociaux si vous n'en définissez pas une explicitement sous SEO.

• Taille recommandée : 300 px de large minimum, fond transparent, SVG préféré.
• Cliquez sur Choose from library pour réutiliser un actif que vous avez déjà téléversé.
• Ne vous souciez pas des dimensions au pixel près — l'en-tête met l'image à l'échelle pour qu'elle s'adapte.

Si vous ne téléversez pas de logo, l'en-tête revient au nom de votre organisation en texte, stylé dans votre police de titre.

Favicon

La petite icône dans l'onglet du navigateur. La plupart des églises utilisent une version simplifiée de leur logo — une seule lettre, un symbole, la croix. Téléversez un .ico, .png ou .svg.

• Taille de fichier max : 100 Ko. Le téléverseur rejette tout ce qui est plus gros.
• Recommandé : PNG 32×32 ou 64×64 avec un fond transparent.

Le favicon est aussi utilisé comme icône d'écran d'accueil iOS/Android quand quelqu'un fait « Ajouter à l'écran d'accueil » sur votre site.

Sous-titre / slogan de marque

Ce n'est pas sur l'onglet Theme — c'est défini sur chaque page individuelle sous Header & Footer settings. L'en-tête peut afficher le nom de votre organisation avec un sous-titre optionnel en dessous (par exemple, « Grace City Church » / « Là où le ciel rencontre la terre »). Gardez le sous-titre court — moins de 50 caractères fonctionne le mieux.

Pour le héro de la page d'accueil, le titre et le sous-titre font partie du bloc Hero banner lui-même, pas du thème global. Voir Catalogue de blocs.

Style d'animation, style de carte, texture en superposition

Trois boutons d'ambiance globale au bas du panneau Theme :

• Style d'animation — Subtle (fondu doux vers le haut au défilement, par défaut), Dynamic (mouvement plus grand, plus rapide), ou None (tout apparaît instantanément). Affecte chaque bloc qui adopte les animations d'entrée. Des remplacements bloc par bloc sont disponibles dans les props Puck de chaque bloc.
• Style de carte — Flat, Elevated (ombre portée), Bordered, ou Glass (effet verre dépoli). Pilote l'apparence des cartes dans Flux de blog, Flux de sermons, Annuaire du personnel, Témoignages.
• Texture en superposition — None, Grain, Dots, ou Lines. Applique une légère superposition sur toute la page. La plupart des équipes laissent désactivé — c'est une touche agréable sur les designs minimalistes.

Enregistrement

Cliquez sur Save theme au bas du panneau. Les changements partent sur votre site public immédiatement — pas d'étape de publication séparée pour les changements de thème (contrairement aux pages, qui ont leur propre état brouillon/publié dans Publication + brouillons).

WARNING

Si votre site est en ligne et que vous changez la couleur primaire, chaque visiteur voit la nouvelle couleur au prochain chargement. Il n'y a pas d'aperçu-avant-publication pour le thème — la différence part directement en production. Si vous voulez tester une couleur sans vous engager, remettez l'ancien hex si elle ne vous plaît pas.

Où c'est stocké

Le thème vit comme un objet JSON sur votre ligne org_sites. Les réglages d'en-tête / pied de page vivent à côté. Rien de tout cela n'est par page — c'est une source unique de vérité pour tout votre site.

Voir aussi : Vue d'ensemble du Constructeur de site web, Domaine personnalisé, Formulaire de visiteur.