Chronicle is a single-page landing page template built for reader-funded newsrooms. It uses a 60/40 asymmetric grid, a manifesto-driven scroll, and a deliberate letterpress visual identity to move civically engaged visitors toward one clear action: funding independent, accountability journalism. No forms, no distractions, just earned trust and a single click.
by Rocket studio
Loading preview…
Quick summary
Chronicle is a nonprofit news landing page template designed to convert readers into donors through a manifesto-style scroll. The 60/40 asymmetric layout pairs a silent video reel with conviction-driven headlines, escalating proof points, and reader voices. Every design choice, from the newsprint palette to the fixed call-to-action button, exists to build trust and earn one deliberate click.
Who this template is for
This template is built for independent newsrooms that live or die by reader support. It speaks directly to journalists and editors who publish accountability reporting outside the commercial media ecosystem.
Reader-funded news outlets publishing local investigations and civic accountability stories
Nonprofit media organizations making the case for independent journalism to first-time donors
Editorial teams replacing generic donation appeals with a structured, evidence-led argument
What problem this template solves
Most donation pages for nonprofit news feel transactional. They ask for money before they earn it. Chronicle flips that sequence by building an undeniable case first, then presenting a single clear ask.
Visitors who arrive from a single shared article have no context for the newsroom's depth or track record
Generic layouts fail to communicate editorial independence or the stakes of local accountability reporting
A form-heavy or visually cluttered page interrupts the emotional momentum that brought the reader there
What you get with this template
Chronicle delivers a fully structured, single-page layout with a clear visual hierarchy and a defined conversion path. Every section is purposeful and sequence-driven.
A 60/40 asymmetric hero with a silent video reel on the wide column and a serif manifesto headline on the narrow column
A scroll-linked beliefs section pairing large conviction statements with real proof points, reader letters, and policy outcomes
A fixed "Fund the Next Story" call-to-action button that persists after the second scroll section, plus a secondary archive link for skeptical readers
Theme
Atelier Studio
Creative direction
Manifesto
Color system
Soft Mist
Style
Asymmetric Grid (60/40)
Direction
Click-Through
Page Sections
Asymmetric 60/40 Grid Layout
Short-form Silent Hero Reel
Manifesto Scroll with Proof Switcher
Fixed Persistent Call-to-action Button
Reader Voices Testimonials
Conviction Close and Minimal Footer
Related questions
Does this landing page include a donation form?
Can I replace the placeholder video reel with my own footage?
What happens to the 60/40 grid layout on a phone screen?
Is this template suitable for a newsroom covering a single city or region?
Can I edit the belief statements and proof points to reflect my newsroom's actual work?
Feature list
This template is built around five deliberate capabilities that serve the reader-funded newsroom use case directly.
Asymmetric 60/40 Grid Layout
The page splits every major section into a 60-column primary frame and a 40-column sidebar. The wider column carries the editorial voice, video, conviction statements, escalating impact evidence. The narrower column holds proof points, reader quotes, and the calls to action. The rhythm creates a natural reading path without forcing the visitor's eye.
Short-Form Hero Reel
The hero embeds a twelve-second, silently autoplaying vertical video reel inside the 60-column frame. The reel shows a reporter handling public records, a city hall corridor, a redacted document, and a single sentence typed live on screen. It sets tone and credibility in the first seconds without requiring audio.
Manifesto Scroll with Proof Switcher
The beliefs section renders large serif conviction statements on the 60-side, each paired on the 40-side with a tab-style proof switcher. Readers can cycle through published headlines, obtained Freedom of Information Act responses, and handwritten reader letters. Stakes escalate from school board coverage to policy-changing investigations as the visitor scrolls.
Fixed Persistent Call-to-Action Button
After the second scroll section, the primary "Fund the Next Story" button locks into a fixed position on screen. It remains visible as the reader moves through the rest of the page, keeping the conversion path accessible without interrupting the reading experience.
Reader Voices Section
A dedicated testimonial section presents reader quotes in a handwritten-letter aesthetic. These are not generic review cards. They reflect the civically engaged tone of the newsroom's actual audience and reinforce that real neighbors, longtime readers, and first-time donors find Chronicle's journalism worth supporting.
Conviction Close and Minimal Footer
The page ends with a full-width call-to-action block built around one final belief statement. Below it, a minimal Arc Browser Split footer holds the logo and tagline on the left with a small set of navigation links on the right. Nothing competes with the final ask.
Page sections overview
Section
Purpose
Hero reel block
Establishes editorial identity with silent video and serif manifesto headline
Beliefs scroll
Pairs conviction statements with tab-switchable proof points
Stakes evidence
Escalates impact from local board coverage to policy-change outcomes
Reader voices
Humanizes the newsroom through reader letter-style testimonials
Final call to action
Full-width close with the primary donation button
Arc Split footer
Minimal logo, tagline, and navigation links
Design & branding system
The visual language is built around an Atelier Studio letterpress aesthetic. It evokes a linen-covered desk in a small print workshop at dawn, uncoated paper, morning light, and ink placed with intention.
Four-color Soft Mist palette: newsprint white (#F5F0EB) for backgrounds, indigo ink (#4A4563) for body text, pencil-sketch gray (#A8A29E) for the sidebar and secondary elements, and dried rose (#C2847A) reserved for links, pull quotes, and the primary button
Fraunces serif for all headline and manifesto type, DM Sans for body copy and interface elements, creating a clear editorial hierarchy
Backgrounds alternate between newsprint white and a faint gray wash; the rose accent draws the eye to every action point without competing with the reading experience
Mobile & speed optimization
Chronicle is designed desktop-first around the 60/40 grid, and it stacks cleanly to a single-column layout on smaller screens. The scroll animations and fixed button behavior adapt to the mobile reading context.
The 60/40 asymmetric columns reflow into a vertical single-column stack on mobile, preserving section order and hierarchy
Scroll-linked GSAP reveals and staggered manifesto line animations are handled by Client Components, while static sections use Server Components to keep the initial load lean
The silent autoplay video reel is optimized for muted playback, avoiding audio permission prompts on any device
How this template helps you convert
Chronicle is a click-through landing page. It does not ask visitors to fill out a form. Instead, it builds a sequenced argument and then presents one clear path forward.
The hero reel and manifesto headline create an immediate emotional context. Visitors understand within seconds that this is independent, reader-funded journalism with something at stake.
The beliefs scroll and proof switcher give skeptical readers verifiable evidence, real headlines, real documents, real reader letters, before any ask appears. The secondary "Read What We've Published" link routes doubters directly to the archive.
The fixed call-to-action button and final conviction close capture visitors at peak emotional momentum, directing them to the donation or membership page with a single, unambiguous action.
Other information about this template
Chronicle sits at the intersection of civic media design and nonprofit fundraising strategy. A few additional details worth knowing before you build with it.
The template is built for English-language audiences, with USD currency and United States date formatting assumed throughout
Animation intensity is set to medium: scroll-linked reveals, staggered manifesto line entrances, and hover states on interactive elements are all included
The tab-style proof switcher in the beliefs section supports multiple content states without requiring a page reload or backend integration
This template fits cleanly within the Blog and Editorial category, specifically the Nonprofit Blog and Media subcategory, making it a strong fit for civic journalism, community reporting, and mission-driven media organizations
