Newsletter branding: headers, social cards and a recognisable issue

Newsletter branding is what makes a reader recognise your issue before they read it: the same masthead at the top of every email, a palette and typeface that carry into your web archive, and promo cards on social that look like they came from the same publication. Design the email header at 1200×600 pixels, the Substack post header at 1456×816, and keep one fixed layout where only the issue details change. Readers return to publications that feel stable, and a stable look also makes each issue faster to produce.

Newsletter image sizes

Sizes for each platform in more depth are in Substack header size and email header design. If you publish on LinkedIn too, its newsletter cover follows its own rules, covered in LinkedIn newsletter cover.

Design a masthead that holds every issue

A masthead is the fixed top of your newsletter: the name, perhaps a short line on what it is, and the issue details. Print magazines have used the idea for well over a century because it works. Readers find the name in the same place every time and the content below it can change freely.

1. 1

   Fix the name and its position

   Same font, same size, same place on every issue. This is the part readers learn.

2. 2

   Choose what changes

   Pick one variable: the issue number, the date, a headline or a seasonal colour. One is enough.

3. 3

   Keep text out of the edges

   Some email apps trim or scale headers. Keep words in the middle 80 per cent.

4. 4

   Write real alt text

   Some readers have images off by default. Alt text such as "The Slow Kitchen, issue 48" keeps the masthead working without the picture.

If you change one thing per issue, make it something with meaning. A weekly cooking letter might shift colour with the seasons; a monthly finance letter might set the month's single most important number in the header.

A palette and type that read in the inbox

Most of a newsletter is text, so the type matters more than the header. Use one readable body font, a distinct heading font for the name, and one accent colour for links and buttons. Keep body text dark on light: many readers use dark mode, and email apps invert colours in ways you cannot fully control.

Email clients are strict about CSS, so gradients belong in the header image rather than in code. Gradients in email explains which approaches survive which apps.

Promo cards for every issue

Most newsletters grow from shares and social posts, and a plain link with a generic preview gets skipped. Make two or three cards per issue from a fixed template: one with the issue's headline, one with a line pulled from inside it, and a sign up card you reuse.

• Issue card: the headline and number, posted on the day it goes out.
• Quote card: one line from inside, posted a day or two later. See quote card design.
• Sign up card: what readers get and how often, pinned to your profile.
• Milestone card: issue 50, 100 or a year of sending.

If you write weekly, this is the part worth automating. On Gradiently Pro you can keep a list of issues in a spreadsheet and bulk create a card for each row, or design one card and resize it to every format in one step. Auto ink chooses light or dark type per line from the background's own colours, so a headline stays readable whatever the season's colour is. Writing copy for visuals helps with the words themselves.

Make the look yours alone

Newsletter platforms give everyone the same handful of themes, so a distinctive header is one of the few places you can stand apart. A Gradiently Mark is a living background that nobody else can export with once you have claimed it, which suits a publication that wants its masthead to stay unmistakable as it grows.