Newsletter issue
A full issue with masthead, lead story, story cards, a pull quote and a labeled sponsor.
Subject line: No. 214: The grid was built for a world that no longer exists. Designed for The Margin, a fictional newsletters and media brand. Swap the logo, colors and images for yours. Replace each {{variable}} with your own value.
Classic magazine
Printed-cover masthead with a double rule, a big lead image, a two by two story grid and a boxed sponsor.
Long read
Single column built for reading: editor’s note, full-bleed image, an excerpt with a ruled pull quote, then a list of stories.
Bulletin
Dense digest under an ink header band: compact lead, thumbnail link list, dark quote card and a dashed sponsor slot.
Variables
| Variable | Example | Description |
|---|---|---|
issue_number | 214 | Issue number shown in the masthead. |
lead_title | The grid was built for a world that no longer exists | Headline of the lead story. |
issue_date | Thursday, September 24, 2026 | Publication date of the issue. |
logo_url | https://assets.ui.sh/marks/1.svg?color=%23B5402A | Brand mark image URL. |
publication_name | The Margin | Publication name shown in the masthead and footer. |
tagline | Notes from the edge of the news. | Short line under the masthead. |
lead_url | https://example.com/stories/the-grid | Link to the lead story. |
lead_image | https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?w=1040&h=600&fit=crop&q=80 | Lead story photo, landscape. |
lead_kicker | Energy | Section of the lead story. |
lead_dek | Utilities are spending record sums on new transmission lines. The harder question is who gets to decide where they run. | Standfirst under the lead headline. |
lead_author | Sasha Lindqvist | Author of the lead story. |
lead_read_time | 14 min read | Reading time of the lead story. |
story_1_url | https://example.com/stories/cheaper-chip | Link to story 1. |
story_1_image | https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&h=400&fit=crop&q=80 | Thumbnail of story 1. |
story_1_kicker | Technology | Section of story 1. |
story_1_title | Inside the quiet race to build a cheaper chip | Headline of story 1. |
story_1_dek | Three startups are betting that older factories can still make the parts the world needs most. | Standfirst of story 1. |
story_1_read_time | 8 min read | Reading time of story 1. |
story_2_url | https://example.com/stories/four-day-week | Link to story 2. |
story_2_image | https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=600&h=400&fit=crop&q=80 | Thumbnail of story 2. |
story_2_kicker | Cities | Section of story 2. |
story_2_title | What a four-day week did to one city’s downtown | Headline of story 2. |
story_2_dek | Lunch trade fell, evening trade rose, and the parking garages are now half empty. | Standfirst of story 2. |
story_2_read_time | 11 min read | Reading time of story 2. |
story_3_url | https://example.com/stories/failures | Link to story 3. |
story_3_image | https://images.unsplash.com/photo-1532187863486-abf9dbad1b69?w=600&h=400&fit=crop&q=80 | Thumbnail of story 3. |
story_3_kicker | Science | Section of story 3. |
story_3_title | The lab that publishes its failures | Headline of story 3. |
story_3_dek | A small research group posts every experiment that did not work. Other labs are starting to copy it. | Standfirst of story 3. |
story_3_read_time | 7 min read | Reading time of story 3. |
story_4_url | https://example.com/stories/farmers-markets | Link to story 4. |
story_4_image | https://images.unsplash.com/photo-1464226184884-fa280b87c399?w=600&h=400&fit=crop&q=80 | Thumbnail of story 4. |
story_4_kicker | Food | Section of story 4. |
story_4_title | Farmers markets are having a very good decade | Headline of story 4. |
story_4_dek | Sales are up, the vendors are younger, and prices are closer to the supermarket than you think. | Standfirst of story 4. |
story_4_read_time | 6 min read | Reading time of story 4. |
quote_text | We kept asking how to move more power. Nobody asked who would have to live next to the wires. | Pull quote from the issue. |
quote_author | Alex Moreau | Person quoted. |
quote_source | regional planner, in our lead story | Role or context of the person quoted. |
sponsor_name | Quillwork | Name of the sponsor. |
sponsor_url | https://example.com/sponsor/quillwork | Sponsor link. |
sponsor_image | https://images.unsplash.com/photo-1455390582262-044cdead277a?w=400&h=300&fit=crop&q=80 | Sponsor image. |
sponsor_headline | A writing app that stays out of your way. | Sponsor headline. |
sponsor_body | Distraction-free drafts, full version history and one-click export to any newsletter platform. Free for 30 days. | Sponsor message. |
sponsor_cta | Try Quillwork free | Sponsor call to action. |
x_url | https://x.com/example | Link to the X profile. |
assets_url | /emails/social | Folder that hosts the social icons. |
instagram_url | https://instagram.com/example | Link to the Instagram profile. |
facebook_url | https://facebook.com/example | Link to the Facebook page. |
browser_url | https://example.com/issues/214 | Link to the web version of this email. |
preferences_url | https://example.com/account/email | Link to the email preferences page. |
unsubscribe_url | https://example.com/unsubscribe?token=8f2c1a | One-click unsubscribe link. |
company_address | 48 Wharf Street, Suite 3, Portland, ME 04101 | Postal address required in commercial email. |
editor_avatar | https://assets.ui.sh/avatars/7.jpg | Portrait of the editor. |
editor_name | Robin Okafor | Name of the editor who signs the note. |
editor_note | This week we spent a lot of time looking at maps: where power is made, where it is needed, and the long, contested lines in between. | Short note from the editor that opens the issue. |
editor_role | Editor in chief | Title of the editor. |
lead_excerpt | On a wet Tuesday in March, 312 residents of a small river town packed into a school gym to vote on a line of steel towers. The towers would carry wind power from the coast to the cities inland. The vote was not binding, and everyone in the room knew it. | Opening paragraph of the lead story. |