Gazette - Editorial Wedding Landing Page Template
Gazette is a horizontal-scroll editorial landing page built for a weekly wedding newsletter. It pairs an oversized magazine masthead with five swipeable past-issue cards, a fixed pill call-to-action button, and a minimal subscribe modal. The result is a single-page experience that feels like leafing through a luxury print publication before it ever asks for your email address.
by Rocket studio
Quick summary
Gazette is a single-page editorial landing page designed to turn curious visitors into weekly newsletter subscribers. It opens with a viewport-filling serif masthead, moves through five horizontal magazine-spread cards showcasing past issues, and closes the loop with a fixed pill button and a clean subscribe modal. Every design decision is built to earn the click before asking for it.
Who this template is for
This template is made for independent creators and small editorial teams who want a high-taste, low-friction subscription page. It fits neatly into the wedding media space but works for any curated content dispatch that deserves a beautiful home on the web.
- Newly engaged couples looking for trusted wedding planning content and inspiration
- Maid-of-honor friends and wedding enthusiasts who follow trends before the rest of the table
- Independent wedding vendors such as florists and stationers who want a polished digital presence for their own editorial content
What problem this template solves
Most newsletter landing pages look like sign-up forms wearing a thin costume. They ask for the email address before they have earned it. Gazette flips that sequence entirely.
- Visitors scroll through five gorgeous past-issue spreads before a single form field appears
- The fixed pill button travels with the scroll so the call to action is always within reach without interrupting the reading experience
- The minimal two-field subscribe modal removes every possible barrier at the moment a visitor is finally ready to commit
What you get with this template
You get a fully designed, single-page editorial landing page with a distinctive horizontal-scroll layout and a clear conversion path. Every visual and structural element comes from the source brief and is ready to customize.
- A giant centered masthead hero section with editorial serif typography and a single italic subline
- A horizontal scroll section featuring five past-issue magazine spread cards, each with a headline, thumbnail photograph, and two-line excerpt
- A fixed blush-to-black pill call-to-action button that persists across the entire scroll journey
- A minimal subscribe modal with a first-name field, an email field, and a rose-blush subscribe button
- A Superhuman-style extreme minimal footer rounding out the page
Feature list
This section covers the core built-in capabilities of the Gazette template.
Giant Editorial Masthead Hero
The hero opens with the word GAZETTE set in an enormous display serif that fills the viewport edge to edge. Precise kerning gives each letter room to breathe. A single italic subline sits beneath it. No photographs compete with the type.
Horizontal Scroll Magazine Spreads
Five past-issue cards are arranged in a horizontal scroll layout that snaps between panels. Each card renders as a magazine spread with a real editorial headline, a thumbnail photograph, and a two-line excerpt. The sequence builds from a winter elopement in fog through to a greenhouse ceremony, making each panel more visually compelling than the last.
Fixed Pill Call-to-Action Button
A pill-shaped button labeled "Read This Thursday's Issue" travels with the user throughout the entire horizontal scroll. On hover, it shifts from pressed-rose blush to editorial black, signaling interactivity without visual noise.
Minimal Subscribe Modal
Clicking the pill button opens a lightweight interstitial overlay. It contains only a first-name field, an email field, and a rose-blush subscribe button reading "Subscribe Free." There are no extra fields, no distractions, and no visual clutter.
Social Proof Editorial Layer
Each magazine spread card includes an issue number, a subscriber count reference, and editorial bylines. These details reinforce credibility and signal an active, established publication without requiring a separate testimonial section.
Scroll-Linked Animation System
The template includes fade-in-up reveal animations triggered by an Intersection Observer, a horizontal scroll snap driven by CSS, a marquee ticker, and a modal transition. These animations are layered naturally into the reading flow rather than applied as decoration.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Masthead | Establishes editorial identity with the oversized GAZETTE headline and italic subline |
| Horizontal Spread Cards | Showcases five past issues as swipeable magazine spreads to build desire |
| Fixed Pill Button | Persists the primary call to action across the full scroll journey |
| Subscribe Modal | Captures name and email with a minimal two-field interstitial overlay |
| Minimal Footer | Closes the page with an extreme minimal pattern for a clean editorial exit |
Design & branding system
The visual identity follows an Editorial Magazine theme built on an Ink and Paper color palette. The overall feeling is a letterpress studio at golden hour: disciplined monochrome with one quiet romantic accent.
- Core palette: deep editorial black (#1A1A1A), warm cotton stock (#FAF7F2), pencil-sketch gray (#B8B0A8), and pressed-rose blush (#D4A0A0) used exclusively for links, pull quotes, and the subscribe button
- Typography pairing: Fraunces as the display serif for headlines and the masthead, DM Sans as the body typeface for excerpts and supporting copy
- Visual style: letterpress editorial with ink-on-paper texture, generous white space, and a masthead-first layout that treats type as the primary image
Mobile & speed optimization
The template is built desktop-first to honor the horizontal scroll experience, but it includes a vertical fallback layout for smaller screens. Animation and interactivity are handled through lightweight native browser features.
- Horizontal scroll is driven by CSS scroll snap, keeping the motion smooth without adding JavaScript overhead from scroll libraries
- Reveal animations use Intersection Observer so elements fade in only when they enter the viewport, reducing unnecessary rendering work
- The subscribe modal is a lightweight overlay transition, keeping the interstitial lightweight and fast to open on any device
How this template helps you convert
Gazette earns the subscription before it asks for one. The conversion strategy is baked into the page structure itself, not bolted on as an afterthought.
- Five sequential magazine spread cards do the persuasion work first, showing visitors exactly what they will receive in their inbox every Thursday before any form appears
- The fixed pill call-to-action button removes the friction of hunting for a sign-up link by keeping the action visible at every point in the scroll journey
- The two-field modal strips the subscription moment down to its simplest form, first name and email only, so nothing stands between an interested reader and a confirmed subscriber
Other information about this template
Gazette is a horizontal scroll landing page template that sits in the Blog and Editorial category, specifically designed for the Wedding Newsletter niche. It is a strong fit for anyone building a wedding blog, media brand, or editorial content subscription in the wedding space.
- Template style: Horizontal Scroll with a Curated Collection creative direction
- Header concept: Giant Headline Centered with a viewport-filling editorial serif
- Landing page direction: Click-Through, optimized to drive a single subscription action
- The free product model is reflected in the "Subscribe Free" button copy, removing any price objection at the moment of conversion
- The page is localized for English-language, US-centric content but can be adapted for other markets through straightforward copy edits




Theme
Editorial Magazine
Creative direction
Curated Collection
Color system
Ink & Paper
Style
Horizontal Scroll
Direction
Click-Through
Page Sections
Giant Editorial Masthead Hero
Horizontal Scroll Magazine Spreads
Fixed Pill Call-to-action Button
Minimal Subscribe Modal
Social Proof Editorial Layer
Scroll-linked Animation System
Related questions
Is this template suitable for a new newsletter without a large subscriber base?
Can the five magazine spread cards be updated with my own past issues?
Does the horizontal scroll work on mobile devices?
Can I change the blush accent color to match my own brand?
Is the subscribe modal connected to an email platform out of the box?