Retail Marketing & Agency Portfolio Website Template

Pitch is a bold brutalist landing page template built for retail PR agencies. It uses a bento grid layout, a full-screen video header, and an obsidian-and-gold visual identity to present campaign case studies like gallery installations. The template is designed to earn trust through proof, then convert visitors with a gated playbook download and inline case study PDFs.

by Rocket studio

Quick summary

Pitch is a single-page bento grid landing page for retail PR agencies. It pairs a brutalist obsidian-and-gold design system with a gallery-walk creative direction. The page leads with a full-screen video header, moves through evidence-heavy case study cells, and closes with a gated content offer, built to show serious work before asking for anything in return.

Who this template is for

This template is built for PR professionals and agency leaders who represent retail brands. It speaks directly to the people selling earned media in a crowded, visually literate market.

  • Retail PR agency founders and principals presenting credentials to prospective clients
  • Comms directors and agency teams at mid-market or heritage retail brands building a press-facing web presence
  • Agencies launching a new positioning or identity who need a high-impact single page to anchor outreach

What problem this template solves

Most agency landing pages look like every other agency landing page. They list services, bury results, and ask for a form fill before earning any trust. Retail CMOs and founders scanning for a PR partner need to feel something before they click.

  • The template eliminates the generic "services and contact" structure in favor of proof-first storytelling
  • It removes friction from the early buyer journey by placing ungated case study content before any form gate
  • It gives the agency a visual language that signals authority in retail culture, not just competence in public relations

What you get with this template

You get a fully structured bento grid landing page with every section and component detailed in the source brief. The layout, copy architecture, color system, and interaction concepts are all ready for you to build from or hand off to a developer.

  • A full-screen video background header with editorial-speed footage direction and a single bold headline stamp
  • A scrollable bento grid gallery where campaign case studies are treated as art installations with press hits, social impression counters, pull quotes, and mood board thumbnails
  • A sticky gated content cell offering a downloadable retail PR playbook, plus three inline ungated case study PDFs each with a long-form read link

Feature list

This template is built around six core design and content features that work together to create a high-conviction landing page for a retail PR agency.

Full-Screen Video Background Header

The header fills the entire viewport with raw, high-contrast editorial footage. The video is graded nearly to monochrome, with gold tones selectively restored on details like a zipper pull or champagne flute. A single ultra-bold grotesque-typeface headline, "EARNED.", anchors the center frame.

The page body is organized as a bento grid, where each cell is a campaign case study treated like an art installation. One oversized cell displays a press hit with the masthead visible. Adjacent smaller cells show social impression counts, client pull quotes, and expandable mood board thumbnails.

Scrolling Grid Density Rhythm

The bento grid shifts density as the visitor scrolls. The layout opens sparse and monumental at the top, tightens with evidence in the middle, and breathes out again at the bottom. Gold horizontal divider lines between rows guide the eye across before the scroll pulls it down.

Sticky Gated Playbook Cell

A sticky bento cell travels with the scroll and anchors the primary call to action: "Download the Retail PR Playbook." The gate collects work email, brand name, and a single dropdown asking about the visitor's next moment, with options including Product Launch, Rebrand, Crisis, and Seasonal Campaign.

Inline Ungated Case Study PDFs

Three short case study PDFs are embedded inline with no gate. Each carries its own "Read the Full Story" link that opens a dedicated long-form page. This gives visitors concrete proof of work before any conversion ask appears.

Hover-Expand Mood Board Thumbnails

Each campaign case study cell includes a mood board thumbnail that expands on hover. This interaction adds depth to the gallery-walk experience without cluttering the default bento grid view.

Page sections overview

SectionPurpose
Video HeaderOpens with editorial footage and the "EARNED." headline stamp
Case Study GalleryDisplays campaign press hits, impression stats, and client quotes in bento cells
Mood Board ThumbnailsExpands on hover to show campaign visual context
Gold Divider RowsGuides horizontal eye movement between grid density shifts
Sticky Playbook CellAnchors the gated download call to action as the visitor scrolls
Inline PDF TrioDelivers three ungated case study PDFs with long-form read links
Long-Form Story PagesOpens full campaign narratives behind each "Read the Full Story" link

Design & branding system

The visual identity is built around a bold brutalist theme using an obsidian-and-gold color system. Every design decision communicates weight, material quality, and authority, luxury expressed through mass rather than decoration.

  • Core palette: obsidian black (#0B0B0B) on primary backgrounds, polished graphite (#1E1E1E) on card surfaces, molten gold (#C9A84C) on interactive elements and accent strokes, and exhibition white (#F0ECE2) for body text and negative space
  • Typography uses an ultra-bold grotesque typeface at slab weight, stamping headlines across frames at editorial scale
  • The overall aesthetic is a flagship store after hours, black marble floors, a single brass fixture, everything stripped to mass and material

Mobile & speed optimization

The template is designed with a bento grid structure that adapts to different screen sizes. The gallery-walk rhythm and cell-based layout are well-suited to responsive reflow.

  • Bento grid cells are individually sized and can stack or reflow for smaller viewports without losing the density-shift rhythm
  • The sticky playbook cell is designed to travel with the scroll on both desktop and mobile views
  • Video header footage and hover interactions should be reviewed for mobile performance during the build phase, as those elements depend on implementation choices

How this template helps you convert

The conversion architecture follows a proof-first logic: show the work, earn the trust, then ask. The two-path structure respects visitor intent at every stage.

  1. The sticky gated cell keeps the "Download the Retail PR Playbook" offer visible at all times, so the primary conversion point is never more than a scroll away regardless of where the visitor is on the page.
  2. The three inline ungated case study PDFs lower the barrier for skeptical visitors, letting the creative work do the convincing before any form ask, this supports a secondary ungated path that feeds the same audience back toward the primary gate.

Other information about this template

This template was designed under the Pitch template system and sits within the Portfolio and Agency category, specifically aligned to the Retail Marketing and Agency subcategory. It is purpose-built for the retail PR agency niche.

  • The template style is a bento grid layout with a gallery-walk creative direction, making it distinct from standard column-based agency page formats
  • The header concept is a full-screen video background, which requires high-quality editorial footage to match the visual brief during implementation
  • The content direction is resource-led, anchored by the playbook download gate and the three ungated case study PDFs, making it well suited for agencies that use content as a prospecting tool
  • The intersection match for this template covers the Portfolio and Agency category with a Retail Marketing and Agency subcategory and a Retail PR Agency niche focus
Retail Marketing & Agency Portfolio Website Template
Retail Marketing & Agency Portfolio Website Template
Retail Marketing & Agency Portfolio Website Template
Retail Marketing & Agency Portfolio Website Template

Theme

Bold Brutalist

Creative direction

Gallery Walk

Color system

Obsidian & Gold

Style

Bento Grid

Direction

Content/Resource

Page Sections

Full-screen Video Background Header

Bento Grid Campaign Gallery

Scrolling Grid Density Rhythm

Sticky Gated Playbook Cell

Inline Ungated Case Study Pdfs

Hover-expand Mood Board Thumbnails

Related questions

Who is this landing page template designed for?

What is the primary call to action on this template?

Does the template include ungated content paths?

What does the bento grid layout mean in practice?

Can I adapt this template for a brand that is not a PR agency?