# La voix typographique d’un Mark : des polices avec chaque Mark

[Canonical HTML page](https://gradiently.design/fr/guide/type-voice-of-a-mark)

La couleur et la matière ne font que la moitié d’un style. Chaque Mark porte aussi une police de titre, une police de texte et une façon de les composer, pour que le premier jet parle déjà comme le fond sur lequel il se pose.

## The short version

- La voix typographique d’un Mark est la typographie dans laquelle il démarre chaque création : une police de titrage, une police de texte, une graisse de titrage, un interlettrage et une casse.
- Les titres suivent la police de titrage de la voix et le reste du texte suit sa police de texte, jusqu’à ce que vous choisissiez autre chose.
- Vous pouvez changer la police de n’importe quelle ligne dans le Studio, et appliquer à une page les polices de titre et de texte de votre kit de marque.
- La voix typographique existe parce que les mêmes mots ne sonnent pas pareil selon la police, et qu’un fond et sa typographie doivent ressembler à une seule décision.
- La page d’un Mark sur le Marché le présente dans sa propre voix et dans cinq autres associations : Éditorial, Grotesk, Affiche, Classique et Moderne.

La **voix typographique** d’un Mark est la typographie qui l’accompagne : une police de titrage pour les titres, une police de texte pour tout le reste, une graisse pour le titrage, un interlettrage et une casse. Quand vous démarrez une création sur un Mark, vos mots apparaissent dans cette voix, et le premier jet s’accorde déjà au fond. C’est un point de départ, pas un verrou : chaque ligne peut être modifiée, et vos propres polices de marque peuvent la remplacer.

## Pourquoi un fond vient avec ses polices

La typographie a un ton de voix, comme la parole. « Ouverture des portes à 19 h » composé dans un Garamond délicat évoque un vernissage ; en capitales condensées, un concert. Posez l’un ou l’autre sur le mauvais fond et la création se contredit. Un Mark soyeux couleur prune profonde et un Mark op art vert acide ne réclament pas les mêmes lettres, et les choisir ensemble, c’est ce qui rend un style délibéré.

Une invitation où l’on lit Ouverture des portes à 19 h, composée dans la voix typographique du premier Mark

Un Mark, dans sa propre voix.

La même invitation sur un second Mark, avec une autre palette, une autre matière et une autre typographie

Les mêmes mots sur un autre Mark, qui apporte sa propre voix.

Il y a aussi une raison pratique. La plupart des gens qui créent une publication par semaine ne sont pas typographes, et l’[association de polices](https://gradiently.design/fr/guide/font-pairing) est l’un des pièges les plus faciles. Une voix déjà accordée à son Mark retire cette décision de chaque création.

## Ce que contient une voix typographique

| Élément | Ce qu’il règle | Exemple |
| --- | --- | --- |
| Police de titrage | Titres et grands mots | Fraunces, Syne, Bebas Neue |
| Police de texte | Texte courant, détails, petits caractères | Inter, Manrope, Newsreader |
| Graisse | L’épaisseur de la police de titrage, de light à extra bold | 400 pour un serif élégant, 700 pour une affiche |
| Interlettrage | L’espace entre les lettres, plus serré ou plus large | Légèrement serré pour les grands titres |
| Casse | Tel que saisi, tout en capitales ou tout en minuscules | Capitales pour une voix d’affiche |

Les cinq éléments d’une voix. Ensemble, ils décident de l’allure de chaque titre sur le Mark avant même que vous touchiez un réglage.

Les polices viennent de la bibliothèque de Gradiently, qui couvre des serifs comme Fraunces, Playfair Display et EB Garamond, des grotesques comme Space Grotesk et Schibsted Grotesk, des polices de titrage condensées comme Anton et Oswald, des chasses fixes, des scriptes et des polices arrondies. [Serif ou sans serif](https://gradiently.design/fr/guide/serif-vs-sans-serif) explique ce que chaque famille a tendance à dire.

Si vous voulez que votre site corresponde à un Mark, une voix se traduit directement en CSS. Voici une voix éditoriale typique, écrite en entier :

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Police de titrage, graisse, interlettrage et casse pour les titres ; la police de texte pour tout le reste. Les deux polices sont sur Google Fonts.

## Comment le texte suit la voix

Chaque bloc de texte d’une création sait s’il est un titre ou du texte courant. Les titres suivent la police de titrage, la graisse, l’interlettrage et la casse de la voix ; le texte courant suit sa police de texte. Tant qu’une ligne n’a pas de police à elle, elle continue de suivre : si vous mettez un autre Mark sur la création, les mots prennent aussi la voix du nouveau Mark.

Le panneau couleur et typographie du Studio affiche la voix du Mark sous forme de paire titre et texte, et vous permet de l’appliquer à toute la page en une fois. Pratique quand un modèle arrive avec d’autres polices et que vous voulez qu’il parle comme votre Mark.

## Changer la voix d’un Mark dans vos créations

1. **Changer une ligne** Sélectionnez le texte et choisissez une autre police, graisse, interlettrage ou casse. Cette ligne garde désormais son propre réglage.
2. **Changer toute une page** Choisissez une police de titre et une police de texte et appliquez-les à la page, pour que tous les titres et paragraphes changent ensemble.
3. **Utiliser vos polices de marque** Ajoutez une police de titre et une police de texte à votre kit de marque, en important des fichiers OTF, TTF, WOFF ou WOFF2 si ce sont les vôtres, puis appliquez les polices de la marque à une page en une fois.
4. **Demander au Designer** Le Designer applique le kit de marque pour vous, donc les créations qu’il réalise démarrent dans les polices de votre marque.

L’import d’une police est expliqué dans [importer des polices personnalisées](https://gradiently.design/fr/guide/custom-fonts-upload), et le reste du kit dans [configurer son kit de marque](https://gradiently.design/fr/guide/brand-kit-setup). Vérifiez votre licence avant d’importer une police commerciale ; [licences de polices](https://gradiently.design/fr/guide/font-licensing) explique quoi regarder.

## Essayer un Mark dans d’autres voix

Sur la page d’un Mark dans le [Marché](/market), les aperçus peuvent basculer entre sa propre voix et cinq associations prêtes à l’emploi, pour voir le style avec une typographie plus proche de votre marque avant de créer quoi que ce soit.

| Association | Police de titrage | Police de texte | Impression |
| --- | --- | --- | --- |
| Sa propre voix | Choisie avec le Mark | Choisie avec le Mark | Tel que le Mark a été conçu |
| Éditorial | Instrument Serif | Inter | Magazine, galerie, réfléchi |
| Grotesk | Space Grotesk | Space Grotesk | Studio, technique, actuel |
| Affiche | Anton, en capitales | Archivo | Fort, événements, sport |
| Classique | Cormorant Garamond | EB Garamond | Livresque, patrimoine, luxe discret |
| Moderne | Geist | Geist | Net, produit, logiciel |

Les associations que la page d’un Mark peut prévisualiser. Chacune est une combinaison solide et éprouvée, que vous pouvez aussi utiliser dans vos propres créations.

## Quand garder la voix et quand la remplacer

### Garder la voix du Mark

- Vous n’avez pas encore de polices de marque
- La voix correspond déjà à votre façon de parler
- Vous voulez des créations d’un seul tenant avec le fond
- Vous publiez souvent et voulez moins de décisions

### Utiliser vos propres polices

- Vous avez un logotype ou une police de marque établis
- Votre packaging, boutique ou site utilise déjà des polices fixées
- Il vous faut une police qui couvre certaines langues
- Plusieurs marques partagent un style maison

Dans les deux cas, tenez-vous à deux polices au maximum et laissez la taille et la graisse faire le reste. Une hiérarchie claire compte plus que les polices elles-mêmes, comme le montre [la hiérarchie visuelle](https://gradiently.design/fr/guide/visual-hierarchy). Si vos mots sont posés sur un Mark, la lisibilité est gérée à part : le Mark place sa zone la plus calme derrière le texte et l’encre automatique choisit un texte clair ou sombre pour chaque ligne, quelle que soit la police.

## FAQ

### Qu’est-ce qu’une voix typographique ?

La typographie dans laquelle un Mark démarre chaque création : une police de titrage, une police de texte, une graisse de titrage, un interlettrage et une casse.

### Puis-je changer les polices d’un Mark ?

Oui. Modifiez n’importe quelle ligne dans le Studio, appliquez une police de titre et de texte à toute une page, ou utilisez les polices de votre kit de marque. La voix du Mark n’est qu’un point de départ.

### Puis-je utiliser mes propres polices dans Gradiently ?

Oui. Ajoutez une police de titre et une police de texte à votre kit de marque, en important les fichiers de police si besoin.

### Que deviennent mes polices si je mets un autre Mark sur une création ?

Le texte qui suit encore la voix prend la voix du nouveau Mark. Les lignes auxquelles vous avez donné leur propre police la gardent.
