Byline - Compelling Freelancewriter Landing Page Template

Quick summary

Byline is a landing page template designed for freelance writers and editors. It combines an asymmetric 60/40 grid layout with a full-screen video background header and a rich obsidian-and-gold color system. The page guides visitors from first impression to a single booking action, making it ideal for independent creatives who want their presentation to match the quality of their work.

Who this template is for

This template suits independent writing and editing professionals who take on complex, high-value projects. It works best when your clients already know what they need and just need to trust the right person to deliver it.

• Freelance writers who produce magazine features, brand manifestos, and website copy
• Developmental editors who work with authors, literary agents, and manuscript clients
• Independent content consultants whose clients range from startup founders to marketing directors

What problem this template solves

Most freelance writers present their work on generic portfolio pages that feel flat and interchangeable. The page itself never convinces anyone. Byline solves that by making the template feel like evidence of craft before a single project image loads.

• Visitors leave because a portfolio page shows work without demonstrating the transformation behind it
• Generic layouts signal generic thinking, which undermines a writer's premium positioning
• No single focal point means visitors scroll without ever reaching a booking action

What you get with this template

You get a fully structured landing page that earns its click before it asks for one. Every section is built around proof: showing the before and after, the process, and the result of working with a skilled writer or editor.

• A full-screen video background header with a letter-by-letter headline animation and a gold-highlighted primary call-to-action button
• An asymmetric 60/40 scroll-driven layout where project frames alternate between a large visual column and a context column covering genre, client type, and transformation
• A closing section with a full-width call-to-action button that routes visitors to an external Calendly booking page for a free 20-minute consultation

Feature list

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

Full-Screen Video Background Header

The header fills the entire viewport with slow macro-lens footage of hands at work: fingers on a mechanical keyboard, a red pen circling a manuscript phrase, and a cursor filling a blank document in real time. Shallow depth of field and soft bokeh keep the focus on the words themselves. The headline appears letter by letter in a sharp serif typeface.

Asymmetric 60/40 Scroll Grid

Each section of the page is structured as a framed composition. The wider 60-column holds a single project image or animated text excerpt. The narrower 40-column carries supporting context such as genre, client type, and the transformation delivered. This layout creates a curated-exhibition feel rather than a standard portfolio grid.

Before/After Manuscript Frames

As visitors scroll, they encounter before-and-after demonstrations of editorial work. A cluttered paragraph edited down to three clean sentences, a magazine spread zooming from thumbnail to readable scale, and a testimonial styled as a handwritten margin note each deepen the proof of craft.

Repeating Click-Through Call to Action

The primary call to action, labeled "Send Me Your Draft," appears three times across the page. It surfaces first in the header as a gold-highlighted anchor link, reappears after every second project frame, and closes the page as a full-width obsidian-background button. A secondary text link reading "See rates & process" sits below each instance for visitors who need more context before booking.

Gold Interaction Layer

Gold color is used with restraint throughout the template. It appears on hover states, pull quotes, and the cursor itself. This means every interaction feels intentional and reinforces the premium tone of the page without overwhelming the dark obsidian backgrounds.

Calendly Consultation Routing

No contact form lives on this page. Every call-to-action click routes directly to an external Calendly booking page for a free 20-minute manuscript or project consultation. This removes friction and replaces form-filling with a scheduled conversation.

Page sections overview

Design & branding system

The visual identity follows a Lens and Frame theme built on the Obsidian and Gold color system. The palette draws from the feeling of a leather-bound journal left open under a brass desk lamp. Black dominates every background; gold appears only where it has been earned.

• Color palette: deep obsidian black (#0B0C10) for backgrounds, warm parchment (#F5F0E8) for reading surfaces, tarnished gold (#C5A55A) for interactive and accent elements, and muted charcoal (#3A3A3C) for body text
• Typography: sharp serif typefaces carry the headline and display text, reinforcing the editorial and literary positioning of the page
• Interaction design: gold activates on hover states, pull quotes, and the cursor itself, so every mouse movement feels like underlining a favorite passage

Mobile & speed optimization

The Byline template is structured with a single-page flow in mind. Its layout decisions support clean rendering across screen sizes without compromising the immersive visual experience.

• The asymmetric 60/40 grid is designed to restack gracefully on smaller screens, keeping each project frame readable at any viewport width
• Video background elements in the header are styled to adapt to mobile constraints while preserving the slow, macro-lens atmosphere of the section
• Lightweight interaction states, such as the gold hover layer and cursor styling, are designed to complement rather than compete with page rendering

How this template helps you convert

Byline is built around a single conversion goal: getting the visitor to book a consultation. The page earns that click by demonstrating editorial skill before asking for anything.

1. The scroll-driven before/after frames show real transformation in real text, building trust without a single testimonial wall or credentials list
2. The "Send Me Your Draft" call to action repeats at strategic intervals down the page, so visitors who are ready at any scroll depth always have a clear next step
3. The secondary "See rates & process" text link addresses hesitation without derailing the primary booking flow, keeping both ready-to-book and still-researching visitors moving forward

Other information about this template

Byline belongs to the Portfolio and Agency category, specifically the Freelancer and Consultant subcategory. It is purpose-built for the Freelance Writer and Editor niche.

• The template style is an Asymmetric Grid with a 60/40 column split, giving it a distinctive editorial layout not found in standard portfolio themes
• The creative direction is Immersive Visual, meaning every section is composed like a photograph rather than arranged like a content block
• The landing page direction is Click-Through, so the entire page structure is optimized toward one outbound action rather than form submission or on-page conversion
• The Lens and Frame theme and Obsidian and Gold color system are matched intersection context attributes that define the visual and tonal identity of this template

Show more