How to make custom Substack banners

Design on-brand Substack banners and post covers fast — point your AI at one design.md and your header, welcome banner, and covers all match your newsletter.

Why it matters

Default Substack headers look like everyone else's. A consistent banner and cover set makes your publication look established and recognizable in a crowded inbox.

Tools

Required: A design tool — Canva (easiest) or Figma. Set up a Canva Brand Kit with the kit's colors, fonts, and logo (Canva Pro), then drop in the included assets so every design is on-brand.

Optional: Use your AI to draft the layout and copy first. Note: Claude produces vector/HTML layouts and text — not photos — so photo-based graphics are finished in Canva.

How it works

  1. 1. Pick a system — Browse 100+ systems and download the zip — design.md, a full palette, font files, icons, and assets. One file; no setup.
  2. 2. Load its colors and fonts into a Canva Brand Kit — In Canva (Pro), set up a Brand Kit with the kit's palette, fonts, and logo — drop in the included assets so every design is on-brand. Alternatively, point your AI at design.md to draft the layout and copy first.
  3. 3. Design in Canva and export at the right size — Build the header (1100×220), cover image (600×600+), and post previews (1200×630) in Canva using your Brand Kit. Export and drop each into the matching Substack slot.

Common questions

What size is a Substack banner?
Email banner: 1100×220px. Cover image: 600×600px minimum. Logo: 256×256px. Social/post-preview: 1200×630px. The kit's assets are sized to fit each slot.
Do I need Canva?
For banners with imagery, yes — Canva or Figma. The kit supplies the colors, fonts, and assets; your AI can draft the layout and copy, but Claude produces vector/HTML layouts and text, not photos. Finish photo-based graphics in Canva.
Can I make matching post covers?
Yes. Set up one Canva Brand Kit from the system, and every cover — header, welcome banner, post preview — automatically shares the same palette, type, and style.
Will my banners match my website?
Yes. The same design.md drives your site build too — so your newsletter and your web presence share one visual language.
Browse the systems