Byline - Bold Journalist Landing Page Template

Quick summary

Byline is a bold, single-page journalist portfolio landing page. It organizes your published work into a masonry grid where card size reflects the scale of each story. A fixed commission bar stays visible at all times. The Void and Violet palette and brutalist typography signal craft and credibility to editors, producers, and agents.

Who this template is for

This landing page is built for working journalists who need a portfolio that speaks to professional collaborators, not general audiences. It is designed to impress people who already know what they are looking for.

• Freelance journalists pitching editors at national desks or regional publications
• Reporters seeking podcast producers, literary agents, or speaking engagements
• Staff writers building a public-facing portfolio to attract B2B commissions

What problem this template solves

Most journalist portfolio pages bury the best work under generic bios and cluttered navigation. Byline removes that noise entirely. The page leads with your voice and lets the body of work close the deal.

• A standard portfolio site treats all stories as equal, dulling the impact of your strongest investigations
• Generic contact forms fail to filter for serious collaborators, wasting your time on low-intent inquiries
• Most portfolio layouts are built for designers or developers, not the specific context of editorial journalism

What you get with this template

You get a complete, single-page portfolio layout that is purpose-built for journalists. Every section has a clear job to do, and nothing is included that does not serve that job.

• A brutalist hero section with an enormous centered headline and a monospaced journalist name beneath it
• A masonry story-card grid where card size, orientation, and hover behavior vary by story format
• A fixed "Commission This Reporter" bottom bar with a minimal, intent-filtering contact form

Feature list

This section covers the core built-in capabilities delivered by the Byline template layout.

Masonry Story-Card Grid

Cards load in staggered clusters. Long-form investigations get tall vertical cards with a visible pull-quote. Breaking news pieces use wide horizontal strips showing just the headline and outlet logo. Photo essays are image-dominant with a single caption line.

Hover Interaction on Story Cards

Hovering over any card triggers a brutalist transition. Electric violet floods the card background and the lede sentence appears in bone white. The effect is intentional and immediate, giving each story a second moment of impact.

Fixed Commission Bar

A brutalist black bar is fixed to the bottom of the viewport at all times. It displays the "Commission This Reporter" call to action and remains visible as visitors scroll through the full story grid.

Intent-Filtering Contact Form

Clicking the commission bar opens a minimal form. Fields include your name, outlet or organization, type of engagement (freelance assignment, staff inquiry, speaking request, or rights and syndication), and a single open field labeled "What's the story?" The form is designed to attract only serious collaborators.

Giant Centered Hero Headline

The header is a single sentence set in a brutally heavy typeface, centered on a void-black screen. On mobile, the type bleeds off the edges, cropped like a folded broadsheet. A thin violet underline pulses once beneath the journalist's name, followed by a scroll arrow.

Gallery Walk Scroll Experience

Scrolling through the page feels like walking a gallery exhibition of an entire career. Each cluster of cards represents a chapter: conflict reporting, data journalism, personal essays. The masonry grid never repeats its rhythm, keeping the experience visually unpredictable.

Page sections overview

Design & branding system

The Void and Violet color system is built around deliberate contrast. Nothing decorates without a reason. Violet signals importance; it never just fills space.

• Absolute black (#0A0A0A) dominates the background, giving every element a high-contrast stage
• Electric violet (#7B2FBE) appears in headlines, hover states, the violet underline pulse, and any detail that demands attention
• Muted ash (#1E1E24) surfaces card backgrounds, and sharp bone white (#EDEDED) delivers body text that reads cleanly against the dark ground

Mobile & speed optimization

The Byline landing page is designed to perform well on mobile viewports without sacrificing the editorial weight of the desktop layout.

• The hero headline bleeds intentionally off mobile edges, replicating the cropped-broadsheet effect at smaller screen sizes
• Card clusters in the masonry grid reflow to maintain visual hierarchy on narrow viewports without losing the staggered load feel

How this template helps you convert

Byline is optimized for Partnership and B2B conversion. Every design decision steers serious collaborators toward a single action: reaching out to commission you.

1. The fixed commission bar keeps the call to action visible at every scroll depth, so no visitor has to hunt for a way to contact you.
2. The intent-filtering form fields (engagement type and the "What's the story?" prompt) pre-qualify inquiries and discourage low-effort outreach, protecting your time.

Other information about this template

Byline fits naturally into the broader landscape of journalist portfolio tools and creative portfolio platforms where presentation quality directly affects professional outcomes.

• The template falls under the Portfolio and Agency category, specifically the Journalist Portfolio subcategory
• The Bold Brutalist theme and Gallery Walk creative direction make Byline visually distinct from standard editorial portfolio pages built on conventional grid layouts
• The landing page requires no rates page or résumé download because the story grid itself serves as the proof of work
• Byline is a single-page layout, meaning all content lives in one scrollable view with no internal navigation links or separate pages

Show more