Journalist Portfolio Careers Website Template
Byline is a horizontal scroll landing page built for freelance journalists who need to impress editors, producers, and news agencies. It combines a collage-style header, a career-timeline scroll experience, and a B2B-focused commission form into one darkroom-inspired layout. The Void & Violet color system keeps the work front and center while the design signals serious editorial credibility.
by Rocket studio
Quick summary
Byline is a single-page journalist portfolio landing page built for professionals with a body of work worth showcasing. It uses a horizontal scroll structure to move visitors through a career timeline, from early assignments to current projects. The dark Atelier Studio aesthetic keeps focus entirely on the photography and writing, while two conversion paths drive editorial commissions and press kit downloads.
Who this template is for
This template is designed for working journalists who pitch themselves to editorial clients rather than general audiences. It speaks directly to the people making hiring decisions at publications, broadcasters, and agencies.
- Freelance photojournalists and correspondents building a pitch-ready portfolio
- Long-form writers and investigative journalists seeking embedded or documentary assignments
- Experienced journalists targeting magazine editors, documentary producers, and news agency roster managers
What problem this template solves
Most journalist portfolio pages look like resumes with thumbnails. They list credits but fail to communicate the depth and range of a career. Clients scroll past without feeling the weight of the work.
- A standard grid layout cannot convey career progression or editorial authority
- Generic portfolio templates lack the B2B commission tools that editorial clients expect
- Without a structured outreach path, interested editors leave the page without acting
What you get with this template
You get a fully structured, single-page horizontal scroll landing page built around the Byline creative brief. Every section serves a specific editorial audience goal, from first impression to commission request.
- A collage-style header with layered press credentials, contact sheets, and three portfolio photographs
- A horizontal career timeline that visitors drag to scrub through assignment eras and publication history
- Two conversion components: a commission intake panel and a press kit download gate
Feature list
This template delivers a set of purpose-built components, each designed for the journalist-as-brand context.
Collage Scrapbook Header
The header layers overlapping press credentials, torn notebook pages, a half-visible contact sheet, a creased map, and three portfolio photographs at offset angles. Subtle parallax motion responds to cursor movement, making the composition feel alive without distracting from the work itself.
Horizontal Career Timeline Scroll
Visitors drag horizontally to move through assignment eras. Early panels show foundational work, middle panels stack magazine covers and recognition, and final panels surface current unfinished projects. The rhythm signals availability and builds trust panel by panel.
Hover Image Expansion with Pull-Quotes
Hovering over any image in the timeline expands it to reveal a pull-quote from the published piece alongside the masthead where it ran. This micro-interaction adds editorial context without cluttering the layout.
Persistent Commission Call to Action
A vertical ultraviolet tab reading "Commission This Journalist" stays anchored to the right edge throughout the entire scroll. Clicking it opens a focused intake panel with fields for publication name, assignment type, region of interest, and timeline.
Press Kit Download Gate
A secondary conversion path labeled "Download Press Kit" captures an email address before delivering a PDF with tearsheets, rate information, and past client logos. It gives cautious visitors a lower-commitment first step.
Void and Violet Visual System
The color palette uses absolute void black, deep Byzantine violet, muted silver gelatin, and a sharp ultraviolet accent on hover states and navigation cues. The system makes images feel like glowing slides on a light table in a dark editing room.
Page sections overview
| Section | Purpose |
|---|---|
| Collage Header | Establishes visual range and personality on arrival |
| Career Timeline Scroll | Moves visitors through chronological assignment history |
| Image Hover Panels | Adds publication context to individual portfolio pieces |
| Commission Intake Panel | Captures editorial assignment inquiries with structured fields |
| Press Kit Gate | Collects email before delivering rates and tearsheets |
Design & branding system
The Atelier Studio theme treats the page like a physical darkroom space. Every design decision pushes the work forward and lets the background recede into black.
- Color palette: absolute void black (#09090B), deep Byzantine violet (#6A0DAD), muted silver gelatin (#C0C0C8), and ultraviolet accent (#7F00FF) for hover states and navigation
- Layered collage header with parallax cursor response, offset photograph angles, and scrapbook-style credential overlays
- Ultraviolet persistent commission tab anchored to the scroll edge for constant B2B visibility
Mobile & speed optimization
The horizontal scroll interaction is designed for desktop editorial pitching sessions, where clients review portfolios on larger screens. The template is structured to remain navigable on smaller viewports.
- Horizontal drag-to-scrub behavior is the primary desktop interaction pattern for the timeline
- The commission panel and press kit gate are accessible at any point in the scroll journey
- Visual layers in the collage header are composed to remain legible at varied screen widths
How this template helps you convert
The layout is sequenced to build editorial confidence before asking for a commitment. By the time a visitor reaches the commission form, the portfolio has already done the persuasion work.
- The collage header proves range immediately with three distinct photograph types, setting credibility in the first second of the visit.
- The horizontal timeline deepens that credibility frame by frame, with pull-quotes and mastheads adding verifiable editorial history as the visitor scrubs forward.
- The persistent commission tab and press kit gate provide two conversion options at every stage, matching the readiness level of different editorial clients.
Other information about this template
This template is built specifically for the journalist gallery portfolio niche within the broader Portfolio and Agency category. It sits at the intersection of editorial self-promotion and B2B client outreach.
- The template fits the Journalist Portfolio subcategory and is optimized for Partnership and B2B outreach flows
- The Interactive Explorer creative direction drives the horizontal scroll mechanic, making the browsing experience feel like flipping through a physical portfolio book
- The Collage and Scrapbook header concept is a deliberate design choice for journalists whose identity is built on physical artifacts like press passes, notebooks, and contact sheets
- The template style is Horizontal Scroll, which differentiates it clearly from grid or vertical-scroll portfolio formats in the same category




Theme
Atelier Studio
Creative direction
Interactive Explorer
Color system
Void & Violet
Style
Horizontal Scroll
Direction
Partnership/B2B
Page Sections
Collage Scrapbook Header with Parallax
Horizontal Career Timeline Scroll
Hover Expansion with Pull-quotes
Persistent Commission Tab
Press Kit Download Gate
Void and Violet Color System
Related questions
Who is the primary audience for this landing page?
What does the commission intake form collect?
Can photographers use this template as well as writers?
How does the press kit download path work?
Why use a horizontal scroll format for a journalist portfolio?