Passer au contenu principal

Comment créer et modifier des combinaisons de polices

Découvrez comment personnaliser la typographie de votre site CentralApp. Ce guide explique comment configurer des combinaisons de polices et les ajuster.

Écrit par Odile Lodewijck

Les combinaisons de polices personnalisées vous permettent d’adapter directement la typographie de votre site à l’identité de votre marque. Suivez ce guide étape par étape pour configurer des associations typographiques prédéfinies ou personnaliser individuellement les différents éléments typographiques de votre site CentralApp.

Accéder aux éléments de marque

Depuis le panneau d’aperçu de votre site CentralApp, cliquez sur Logos & font combinations dans la section Brand assets. Sélectionnez ensuite l’onglet Font Combinations en haut du menu.

Ajouter une nouvelle combinaison de polices

  1. Cliquez sur le bouton + Add a combination.

  2. Choisissez la manière dont vous souhaitez configurer votre typographie :

    1. Presets : sélectionnez l’un des modèles typographiques préconfigurés, avec des associations de polices conçues par des professionnels.

    2. Custom : sélectionnez manuellement les polices, graisses, hauteurs de ligne et styles pour chaque type de texte.

Configurer vos paramètres de polices personnalisés

Si vous choisissez Custom, vous pouvez développer chaque catégorie (Title, Text, Navigation ou Button) en cliquant sur SHOW afin d’affiner ses paramètres typographiques.

  1. Titre : titres et sections principales (hero)

  2. Texte : paragraphes et texte principal

  3. Navigation : menus et liens de navigation principaux

  4. Bouton : boutons d’appel à l’action (CTA)

  • Font : cliquez sur Select a font pour ouvrir le menu déroulant et choisir une famille de polices pour le type de texte concerné.

  • Weight : définit l’épaisseur standard de la police (par exemple, 700). Ajustez-la à l’aide des boutons - et +.

  • Bold : définit la graisse appliquée lorsqu’un texte de cette catégorie est explicitement mis en gras (par exemple, 700).

  • Line Height : contrôle l’espacement vertical entre les lignes de texte au sein d’un paragraphe ou d’un titre (par exemple, 1.1).

  • Ratio : définit le multiplicateur d’échelle proportionnel entre les différents niveaux de titres (H1, H2, H3, etc.) afin de garantir une hiérarchie visuelle claire (par exemple, 1.28).

  • Letter Spacing : ajuste l’espacement horizontal (approche) entre les différentes lettres (par exemple, 0).

Le texte en gras ne se distingue pas du texte normal ?

Dans Custom > Text, vérifiez les valeurs Weight et Bold. Si elles sont identiques, le texte normal et le texte en gras auront la même épaisseur. Sélectionnez pour Bold une graisse plus élevée disponible pour la police choisie, enregistrez la combinaison, puis vérifiez le résultat dans l’aperçu du site.

Enregistrer votre combinaison

Une fois toutes les options souhaitées configurées, cliquez sur le bouton Save combination en bas du panneau pour appliquer vos nouvelles règles typographiques à l’ensemble de votre site.

Pour modifier une combinaison de polices existante

Repérez votre combinaison enregistrée dans la liste Font Combinations, puis cliquez sur l’icône Modifier (icône en forme de crayon) à côté de celle-ci pour ouvrir directement le panneau de personnalisation.

Avez-vous trouvé la réponse à votre question ?