Newsletter Template — Editor's Note for Retail Brands

A shop newsletter that opens with a product grid reads as a catalogue. One that opens with a named person saying something specific reads as a letter. The byline block costs you 230 pixels and changes the whole register of what follows.

Snapshot

• Goal: open a retail newsletter in a human voice before any product appears.
• Audience & tone: existing customers on the list. Personal, specific, a little dry — a shopkeeper’s voice, not a brand’s.
• Palette: page #e8e4e5 · container #faf7f8 · text #140507 / #706668 (muted) · accent #7a1f2b
• Font: Palatino, Book Antiqua, Georgia, serif
• Artwork: none — fully native blocks.

Build recipe

Each step is one block in the flat stack, top to bottom. [native] = a real email block. [layout] = a free-form layout embedded as a single image.

1. [native] Image 1 — image. Alt text: “Portrait of Maya Okonkwo, head of operations”, left.
2. [native] Kicker 1 — text. “Editor’s Note”, fontSize: 14, color #7a1f2b, left, uppercase.
3. [native] Body copy 1 — text. “This month’s two picks are the objects I kept reaching for on the shop floor myself — one warm-weather basic, and a bag I have now replaced three times over for my own use.”, fontSize: 16, color #140507, left.
4. [native] Body copy 2 — text. “Maya Okonkwo · Head of Operations”, fontSize: 14, color #706668, left.
5. [native] Rule 1 — divider. full-measure rule, 1px, color #e9e9e9.
6. [native] Image 2 — image. Alt text: “A folded heavyweight cotton T-shirt in stone grey”, left.
7. [native] Story title — text. “The heavyweight tee, back in stone”, fontSize: 20, color #140507, left.
8. [native] Body copy 3 — text. “Cut from a heavier cotton than almost anything else on the floor this season, and the stone shade will not fight anything already in a wardrobe.”, fontSize: 16, color #140507, left.
9. [native] Rule 2 — divider. full-measure rule, 1px, color #e9e9e9.
10. [native] Image 3 — image. Alt text: “Two canvas tote bags in natural and indigo”, left.
11. [native] Kicker 2 — text. “Two colours of the canvas tote”, fontSize: 14, color #7a1f2b, left, uppercase.
12. [native] Body copy 4 — text. “We kept restocking this one all spring, so we finally brought in a second colourway for anyone who wanted a change.”, fontSize: 16, color #140507, left.
13. [native] Primary CTA — button. Label “See the full selection”, fill #7a1f2b, color #ffffff, shapeStyle: ‘0_1’, left.
14. [native] Body copy 5 — text. “Reply if you want something we have not stocked in a while — we read every note.”, fontSize: 14, color #706668, left.
15. [native] Footer rule — divider. short (96px) rule, 1px, color #e9e9e9.
16. [native] Footer social — social. Icon row, social.color #7a1f2b, style circle-outline, center.
17. [native] Footer address — address. Postal address + unsubscribe, address.color #706668, address.fontFamily Palatino, Book Antiqua, Georgia, serif, center.

Make it yours

1. Use a real portrait and a real name. A stock headshot next to a signed note is worse than no portrait at all.
2. Two picks, not eight. The byline promises editing; a long grid breaks that promise immediately.
3. Say why each pick is here. “New in” is not a reason.