# Identité de newsletter : en-têtes, cartes et numéro reconnaissable

[Canonical HTML page](https://gradiently.design/fr/guide/newsletter-branding)

Une boîte de réception n’est qu’une liste de noms et d’objets tant qu’on ne vous ouvre pas. Ensuite, vous avez le temps d’un en-tête pour prouver que c’est bien la newsletter à laquelle on s’est abonné.

## The short version

- L’identité d’une newsletter, c’est un nom, un bandeau, une palette et une typographie cohérents dans l’e-mail lui-même, dans les archives web et dans les cartes partagées pour promouvoir chaque numéro.
- Un en-tête d’e-mail se conçoit en général en 1200×600 pixels et s’affiche sur environ 600 pixels de large : ses mots doivent donc être grands et peu nombreux.
- L’en-tête d’un article Substack fait 1456×816 pixels et devient aussi l’image d’aperçu quand un numéro est partagé.
- Le système de bandeau le plus fiable garde le nom et la mise en page fixes et change un seul élément par numéro, comme le numéro, un titre ou une couleur de saison.
- Chaque numéro mérite deux ou trois cartes promo aux formats des réseaux sociaux, bâties sur la même mise en page pour être faites en quelques minutes.

**L’identité d’une newsletter**, c’est ce qui permet à un lecteur de reconnaître votre numéro avant de le lire : le même bandeau en haut de chaque e-mail, une palette et une police qui se prolongent dans vos archives web, et des cartes promo sur les réseaux qui semblent venir de la même publication. Concevez l’en-tête d’e-mail en 1200×600 pixels, l’en-tête d’article Substack en 1456×816, et gardez une mise en page fixe où seuls les détails du numéro changent. Les lecteurs reviennent vers les publications qui leur paraissent stables, et un style stable accélère aussi la production de chaque numéro.

## Les tailles d’images d’une newsletter

| Visuel | Taille | Remarques |
| --- | --- | --- |
| En-tête d’e-mail | 1200×600 px | Affiché sur environ 600 px de large dans la plupart des boîtes de réception |
| En-tête d’article Substack | 1456×816 px | Sert aussi d’aperçu de partage du numéro |
| Aperçu de lien (Open Graph) | 1200×630 px | Pour des archives auto-hébergées ou une page d’accueil |
| Image d’histoire Medium | 1400×788 px | Si vous publiez aussi ailleurs |
| Post X | 1600×900 px | Carte promo de chaque numéro |
| Portrait Instagram et LinkedIn | 1080×1350 px | Carte promo et cartes de citation |
| Signature d’e-mail | 600×200 px | Une petite bannière menant à l’inscription |

Concevez l’en-tête au double de sa largeur d’affichage pour qu’il reste net sur les écrans haute densité.

- En-tête d’e-mail 1200×600: 1200 × 600
- En-tête Substack 1456×816: 1456 × 816
- Carte promo 1080×1350: 1080 × 1350
- Carte X 1600×900: 1600 × 900

Quatre formes, une publication. L’en-tête d’e-mail est le plus large et le plus bas : il porte le moins de texte.

Les tailles de chaque plateforme sont détaillées dans [Taille d’en-tête Substack](https://gradiently.design/fr/guide/substack-header-size) et [Concevoir un en-tête d’e-mail](https://gradiently.design/fr/guide/email-header-design). Si vous publiez aussi sur LinkedIn, sa couverture de newsletter suit ses propres règles, présentées dans [Couverture de newsletter LinkedIn](https://gradiently.design/fr/guide/linkedin-newsletter-cover).

## Concevoir un bandeau qui convient à chaque numéro

Un bandeau est le haut fixe de votre newsletter : le nom, peut-être une courte ligne sur ce que c’est, et les détails du numéro. La presse papier utilise cette idée depuis plus d’un siècle parce qu’elle marche. Le lecteur retrouve le nom au même endroit à chaque fois, et le contenu dessous peut changer librement.

Un large en-tête de newsletter indiquant La Cuisine lente, Numéro 48, Dimanche, avec une courte description

Un en-tête d’e-mail : le nom en grand, le numéro et le jour en petit au-dessus, une promesse en une ligne en dessous.

1. **Fixez le nom et sa position** Même police, même taille, même place à chaque numéro. C’est ce que les lecteurs apprennent.
2. **Choisissez ce qui change** Retenez une seule variable : le numéro, la date, un titre ou une couleur de saison. Une suffit.
3. **Gardez le texte loin des bords** Certaines applications de messagerie rognent ou réduisent les en-têtes. Gardez les mots dans les 80 % du milieu.
4. **Écrivez un vrai texte alternatif** Certains lecteurs désactivent les images par défaut. Un texte alternatif comme « La Cuisine lente, numéro 48 » fait fonctionner le bandeau sans l’image.

Si vous ne changez qu’une chose par numéro, choisissez-en une qui a du sens. Une lettre de cuisine hebdomadaire peut changer de couleur au fil des saisons ; une lettre mensuelle sur la finance peut mettre en en-tête le seul chiffre important du mois.

- Numéros de printemps: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Numéros d’été: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Numéros d’automne: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Numéros d’hiver: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Quatre fonds de saison derrière un bandeau fixe. Les lecteurs sentent l’année avancer pendant que la publication reste la même.

## Une palette et une typographie lisibles dans la boîte de réception

Une newsletter est surtout du texte : la typographie compte donc plus que l’en-tête. Utilisez une police de texte lisible, une police de titre distincte pour le nom et une couleur d’accent pour les liens et les boutons. Gardez le texte courant foncé sur clair : beaucoup de lecteurs utilisent le mode sombre, et les applications de messagerie inversent les couleurs d’une façon que vous ne maîtrisez pas totalement.

- Papier: #fbf7f0
- Encre: #1f1a17
- Titre rouille: #7c2d12
- Lien ambre: #d97706
- Séparateur: #e7dccb

Une palette éditoriale chaude. Papier et Encre assurent la lecture ; la rouille sert au nom, l’ambre seulement aux liens.

### Ce qui casse dans une boîte de réception

- Des mots importants intégrés dans une image sans texte alternatif
- Un texte courant gris clair et fin
- Un en-tête fait seulement de texte, sans respiration
- Des images de fond derrière le texte courant

### Ce qui résiste

- Du texte réel pour tout ce qui compte
- Un texte courant très contrasté en mode clair et sombre
- Un en-tête au nom clair, avec de l’espace autour
- Des dégradés seulement dans l’image d’en-tête

Les clients de messagerie sont stricts sur le CSS : les dégradés se placent donc dans l’image d’en-tête plutôt que dans le code. [Les dégradés dans les e-mails](https://gradiently.design/fr/guide/gradients-in-email) explique quelles approches résistent dans quelles applications.

## Des cartes promo pour chaque numéro

La plupart des newsletters grandissent grâce aux partages et aux posts sociaux, et un simple lien avec un aperçu générique est ignoré. Faites deux ou trois cartes par numéro à partir d’un modèle fixe : une avec le titre du numéro, une avec une phrase tirée de l’intérieur, et une carte d’inscription que vous réutilisez.

Une carte promo portrait indiquant Pourquoi votre pain est fade, La Cuisine lente numéro 48

La carte de numéro pour Instagram et LinkedIn : titre, numéro et où lire.

Une carte de citation paysage indiquant Le sel est une affaire de timing, dans le numéro de cette semaine

Une phrase extraite pour X et Bluesky. Courte, précise et un peu surprenante, elle fonctionne le mieux.

- **Carte de numéro :** le titre et le numéro, publiés le jour de l’envoi.
- **Carte de citation :** une phrase tirée de l’intérieur, publiée un ou deux jours plus tard. Voir [Concevoir une carte de citation](https://gradiently.design/fr/guide/quote-card-design).
- **Carte d’inscription :** ce que les lecteurs reçoivent et à quelle fréquence, épinglée sur votre profil.
- **Carte d’étape :** le numéro 50, 100 ou un an d’envois.

Si vous écrivez chaque semaine, c’est la partie qui vaut la peine d’être automatisée. Avec Gradiently Pro, vous pouvez garder la liste des numéros dans un tableur et créer en lot une carte par ligne, ou concevoir une carte et la redimensionner dans tous les formats en une seule étape. L’encre automatique choisit un texte clair ou foncé ligne par ligne d’après les couleurs du fond : un titre reste lisible quelle que soit la couleur de la saison. [Écrire le texte de ses visuels](https://gradiently.design/fr/guide/writing-copy-for-visuals) aide pour les mots eux-mêmes.

## Un style qui n’appartient qu’à vous

Les plateformes de newsletter donnent à tout le monde les mêmes quelques thèmes : un en-tête distinctif est l’un des rares endroits où vous pouvez vous démarquer. Un Mark Gradiently est un fond vivant que personne d’autre ne peut exporter une fois que vous l’avez réservé, ce qui convient à une publication qui veut garder un bandeau inimitable en grandissant.

## FAQ

### Quelle taille pour l’en-tête d’une newsletter par e-mail ?

Concevez-le en 1200×600 pixels. La plupart des boîtes de réception l’affichent sur environ 600 pixels de large, et le fichier plus grand reste net sur les écrans haute densité.

### Quelle est la taille d’une image d’en-tête Substack ?

L’en-tête d’un article Substack fait 1456×816 pixels. Il devient aussi l’image d’aperçu quand l’article est partagé.

### Comment donner un aspect professionnel à ma newsletter ?

Gardez un bandeau avec votre nom au même endroit à chaque numéro, utilisez une police de titre et une police de texte lisible, et limitez la couleur à un seul accent pour les liens.

### Dois-je changer l’en-tête de ma newsletter à chaque numéro ?

Gardez le nom et la mise en page fixes et ne changez qu’un élément, comme le numéro, le titre ou une couleur de saison. Les lecteurs reconnaissent la partie fixe.

### Les dégradés fonctionnent-ils dans les newsletters par e-mail ?

Placez les dégradés dans l’image d’en-tête plutôt qu’en CSS, car beaucoup d’applications de messagerie ignorent les dégradés CSS. Gardez le texte courant en texte réel, bien contrasté.