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. 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. 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. 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.