Byline - Immersive Journalist Landing Page Template

Quick summary

Byline is a single-page journalist personal brand landing page built for serious editorial professionals. It combines a full-screen video background header, an asymmetric 60/40 grid layout, and a dark Obsidian and Gold visual identity to deliver a portfolio experience that feels as considered as the stories it represents.

Who this template is for

This template is built for working journalists who treat their personal brand with the same craft they bring to a story. It speaks to professionals with real commissions to show and real clients to attract.

• Freelance journalists and documentary filmmakers pitching streaming platforms and brand newsrooms
• Investigative reporters and on-camera analysts building a portfolio for legacy publications
• Editorial consultants and keynote speakers targeting Fortune 100 brand newsrooms and commissioners

What problem this template solves

Most journalist portfolio pages look like resumes with embedded links. They list credits without making a visitor feel anything. Byline solves the gap between a journalist's actual impact and how that impact reads online.

• Clips and credits presented without context fail to communicate reach or editorial voice
• Generic portfolio layouts lose the attention of busy commissioning editors before the work can speak
• No clear commission pathway means high-intent visitors leave without a way to engage

What you get with this template

You get a fully structured landing page designed to move a commissioning editor from first impression to intake form. Every layout decision is intentional, and every section earns the next scroll.

• Full-screen video background header with slow-dissolve cycling footage and gold typeset name treatment
• Asymmetric 60/40 grid that alternates orientation across story sections to keep visual tension alive
• Fixed "Commission a Story" call-to-action button in the top navigation that gains a solid gold fill on scroll
• Focused commission intake form covering organization name, project type, scope description, and budget range
• Secondary "Download Media Kit" path at the footer requiring only a work email, beside a curated press logo bar
• Impact metrics presented as editorial evidence rather than vanity statistics

Feature list

This section covers the core capabilities built into the Byline template as described in the brief.

Full-Screen Video Background Header

The header cycles through three handheld footage environments in a slow dissolve: a protest line at dusk, a mid-gesture sit-down interview, and a conflict zone landscape at golden hour. Footage is desaturated to feel archival. No play button or controls appear. A single-line descriptor beneath the gold-typeset name changes with each video cycle.

Asymmetric 60/40 Grid Layout

The primary content column holds featured longform pieces, with opening paragraphs rendered as oversized pull-quote typography. The secondary column runs a vertical filmstrip of clickable story stills. The grid flips orientation with each new story section so the eye never settles into a predictable pattern.

Multi-Format Story Sections

Each scroll section spotlights a different format: investigative print, short-form documentary, on-camera analysis, and branded editorial. The rotating grid orientation reinforces the sense that this journalist commands every format she enters.

Commission Intake Form

Clicking the primary call-to-action opens a focused intake covering organization name, project type as a dropdown, a free-text scope description, and a budget range selector. The form is structured to feel like an invitation rather than a barrier.

Impact Evidence Display

Metrics appear as editorial proof points rather than raw numbers. Examples from the brief include "14M views in 72 hours," "Cited in 3 congressional hearings," and "Optioned by A24." These are placed inline with story sections to build credibility before the commission ask.

Fixed Navigation Call-to-Action

The "Commission a Story" button lives in the top navigation at all times. It starts as a gold-outlined button and transitions to a solid gold fill as the visitor scrolls, reinforcing intent without interrupting the reading experience.

Page sections overview

Design & branding system

The visual identity is built around a Dark Immersive theme using an Obsidian and Gold color system. Every color choice is deliberate. Gold appears sparingly, arriving with the weight of a single well-chosen word.

• True obsidian black (#0B0B0F) and charcoal newsprint (#1A1A2E) form the background layers, with cool silver (#A0A0B0) handling body text and captions
• Tarnished gold (#C9A84C) is reserved for headlines, hover states, and the primary call-to-action button, ensuring it reads as earned rather than decorative
• Typography uses a condensed serif for headlines that references foreign affairs magazine mastheads, pairing authority with restraint

Mobile & speed optimization

The Byline template is designed with a layout system that translates its asymmetric grid into a coherent single-column reading experience on smaller screens. Visual hierarchy is preserved so impact metrics and pull-quote typography remain prominent regardless of screen size.

• The full-screen video header is structured to scale gracefully, keeping the name treatment and descriptor line readable on mobile viewports
• Fixed navigation elements, including the commission button, remain accessible as the visitor scrolls on touch devices
• The filmstrip column and alternating grid sections restack cleanly so no story section loses its supporting visual context

How this template helps you convert

Byline is built around a Partnership and Business-to-Business conversion model. The page earns the commission inquiry by proving range and reach before any form appears.

1. The full-screen video header and pull-quote typography create immediate editorial authority, making a commissioning editor feel they have arrived somewhere worth their time before a single credential is listed.
2. Impact evidence placed inline with story sections builds a cumulative case, so by the time the visitor reaches the commission intake, the ask feels like a natural next step rather than a cold pitch.
3. The secondary media kit path at the footer captures visitors who are not yet ready to commission but want to follow up, keeping them in the pipeline with minimal friction.

Other information about this template

Byline is categorized under Personal and Resume templates, specifically within the Journalist Profile subcategory. It is purpose-built for the Journalist Personal Brand Website niche and carries a high intersection match score for its theme, creative direction, and layout configuration.

• The template theme is Dark Immersive, the creative direction is Creator Spotlight, and the header concept is Full-Screen Video Background, all of which are matched intersection fields confirmed in the template brief
• The layout style is Asymmetric Grid 60/40, and the landing page direction is Partnership and Business-to-Business, making it suitable for professionals targeting commercial and editorial commissioning clients
• This template is built on the same platform where you can customize colors, swap footage, update impact metrics, and tailor the commission intake fields to match your specific project offering

Show more