SaaS Marketing & Agency Portfolio Website Template

Quick summary

Byline is a single-page horizontal scroll template for SaaS public relations agencies. It opens on a void-black field with a commanding editorial headline, then walks visitors through framed case study panels before locking into a lead capture form. Every section is built to prove placement quality and volume before asking for anything in return.

Who this template is for

This template is designed for public relations professionals who serve high-growth technology companies. It speaks directly to agencies that operate at the intersection of media strategy and startup momentum.

• Boutique press offices working with Series A and growth-stage SaaS companies
• VP Marketing hires at startups who inherited zero existing media relationships
• Developer tool companies whose product is strong but whose public story needs shaping

What problem this template solves

Most agency pages describe what they do without showing what they have done. Founders evaluating a public relations partner need proof of placements, not promises. This template solves the credibility gap by making evidence the entire experience.

• Founders arrive skeptical and leave convinced, because every panel shows a real outcome
• The gallery format lets placement quality speak before any sales language appears
• The intake form appears only after proof has been built panel by panel

What you get with this template

You get a fully structured horizontal scroll landing page with a clear visual hierarchy and a conversion path designed around earned trust. Every section has a defined role, from the opening headline to the final call to action.

• A void-black hero panel with an oversized editorial serif headline and a delayed lavender publication name reveal
• A horizontal Gallery Walk of framed case study panels, stat interstitials, and a lead generation intake form
• A secondary conversion path using a lavender link that leads to a filterable placement archive with email capture

Feature list

This section covers the core built-in components that make Byline work as a complete SaaS public relations landing page.

Giant Editorial Hero Headline

The header opens on a full-viewport void-black field. A single oversized serif headline at roughly 12 viewport-width units reads "We Place the Story. You Close the Round." The violet period and tight tracking give it immediate editorial authority. After a one-second pause, five publication names fade in as lavender text below, spaced like a gallery wall label.

Horizontal Scroll Gallery Walk

Panels glide left like walking through a curated exhibition. Each panel frames a headline clipping, a publication logo, a one-sentence founder quote, and a before-and-after metric. The scroll is designed to build cumulative proof, with each placement feeling more prestigious than the last.

Stat Interstitial Panels

Between case study panels, single-stat panels in violet-on-black punctuate the scroll rhythm. These panels display agency-level proof points such as total annual placements and average pitch-to-publish timelines. They prevent momentum from dropping and keep evidence flowing between case studies.

Lead Generation Intake Form

The final panel locks into a full-viewport gallery-white intake form. It collects company name, funding stage via dropdown, launch or announcement type via free text, and timeline via dropdown. The call to action button reads "Pitch Us Your Story" in electric violet.

Filterable Placement Archive Path

A secondary conversion link labeled "See Our Full Placement Index" sits alongside the primary form. Clicking it opens a filterable archive of placements. The template captures visitor email before granting access, creating a second lead path for prospects who want more evidence before committing.

Void and Violet Interaction Rewards

Electric violet appears only on hover states and accent lines, never in static content. This restraint means every moment of interaction feels intentional. The palette rewards curious visitors with color rather than overwhelming them on load.

Page sections overview

Design & branding system

The Atelier Studio theme applies a Void and Violet color system that feels like a minimalist design studio at midnight. Backgrounds alternate between absolute void black and gallery wall white per panel, creating a clean rhythm across the horizontal scroll.

• Absolute void black (#09090B) and gallery wall white (#FAFAF9) anchor the layout; electric violet (#7C3AED) appears only on hover states and accent lines
• Muted lavender (#C4B5FD) is reserved for secondary type, dividers, and the delayed publication name reveal
• Typography is set in an oversized editorial serif at the hero level, tracking tight, with the restraint of a print publication front page

Mobile & speed optimization

The horizontal scroll layout is engineered for deliberate, panel-by-panel interaction. While the full gallery experience is best suited to larger screens, the layout is structured to remain navigable across device sizes.

• Panels are sized and spaced to maintain readability without horizontal overflow on smaller viewports
• Static load begins with text-only content; the violet interaction layer loads on interaction rather than on paint, keeping the initial render clean

How this template helps you convert

Byline converts visitors by sequencing evidence before ask. The horizontal journey is designed so that trust is fully built before the intake form appears.

1. The hero headline creates immediate authority, and the delayed publication reveal signals credibility without a single word of self-promotion
2. The Gallery Walk builds layered, panel-by-panel proof using real metrics and recognizable outlet framing, so by the time the form appears the visitor is ready to engage
3. The dual conversion paths, a direct intake form and an email-gated placement archive, capture both high-intent founders and those who want one more round of evidence first

Other information about this template

Byline is part of a curated template library built around specific agency niches. It is designed specifically for the SaaS public relations category within the broader Portfolio and Agency collection.

• The template style is Horizontal Scroll, the theme is Atelier Studio, and the creative direction is Gallery Walk
• The color system is Void and Violet; the header concept is Giant Headline Centered; the landing page direction is Lead Generation
• This template suits agencies whose work includes media placements in outlets such as TechCrunch, Forbes, Wired, The Verge, and Bloomberg
• It is built for founders who just closed a funding round and need immediate public narrative coverage

Show more