Luminary - Holographic Videoportfolio Landing Page Template

Luminary is a holographic video portfolio landing page built for art directors who need their work to speak before they do. An asymmetric 60/40 grid, a living photo mosaic header, iridescent color shifts, and a gated reel download make this a single-page experience designed to impress creative recruiters, agency producers, and brand decision-makers on first scroll.

by Rocket studio

Quick summary

Luminary is a single-page art director video portfolio template built around an asymmetric 60/40 grid layout. It pairs a holographic iridescent color system with a photo mosaic header, award-first project sections, and a gated reel download. The page is designed to feel like a private screening room where every section builds trust before asking for anything.

Who this template is for

This template is built for working directors and art directors who need a portfolio that matches the quality of their output. The design speaks directly to the people doing the hiring and the shortlisting.

  • Video directors and art directors presenting campaign, narrative, and music video work
  • Freelancers seeking to impress agency executive producers or brand creative directors
  • Professionals who want their reel gated behind a lead-capture form rather than left open

What problem this template solves

Most video portfolio pages either look generic or require expensive custom development. This template closes that gap with a layout that feels curated, not templated, while still being practical to use.

  • Award badges and festival laurels appear before the work plays, so recognition lands first
  • Visitors without context, like a CMO who caught a spot during a broadcast, can quickly confirm range and credibility
  • The download gate turns passive viewers into contactable leads without interrupting the experience

What you get with this template

You get a complete single-page layout designed around the full visitor journey, from first impression to email capture. Every section serves a clear purpose in the sequence.

  • A photo mosaic header with irregular tiles, parallax breathing, and off-center name placement
  • Category filter toggles for commercial, narrative, music video, and title design work
  • A gated "Download Full Reel + Credits PDF" call to action with an email field and optional company name input

Feature list

This template includes a focused set of purpose-built components. Each one addresses a specific moment in the visitor's experience.

Photo Grid Mosaic Header

The header is a living wall of irregular-tile stills pulled from the director's strongest frames. Each tile carries a different aspect ratio and color temperature. Subtle parallax movement gives the composition depth without distraction. The director's name and title sit off-center in the 40-column gutter, unhurried and confident.

Asymmetric 60/40 Grid Layout

The page uses a 60/40 split that gives the work room to breathe while keeping secondary content visible and purposeful. This layout avoids the symmetry that makes most portfolios feel interchangeable. The imbalance is intentional and signals a directorial point of view from the first scroll.

Award-First Project Sections

Each project section opens with its laurels and festival selections rendered as quiet typographic badges. The visitor encounters evidence of impact before the reel plays. Stakes build chronologically from early festival work to global campaign output, so the scroll feels like a retrospective with momentum.

Iridescent Category Filter Toggles

Pill-shaped toggle buttons let visitors filter the project grid by category. The toggles shift through iridescent gradients on hover, staying true to the holographic color system. This makes it easy for a recruiter or producer to isolate the work most relevant to their brief.

Pull-Quote Collaborator Testimonials

Between projects, single-sentence quotes from named collaborators, including directors of photography, editors, and client creative directors, appear in oversized italic type. These give the scroll a rhythm of proof, then beauty, then voice. They humanize the work without interrupting the visual flow.

Gated Reel Download Form

The primary call to action is a reel download gated behind a single email field with an optional company name input. The gate is earned, not imposed. By the time a visitor reaches it, the mosaic, the laurels, and the testimonials have already done the convincing.

Page sections overview

SectionPurpose
Photo Mosaic HeaderEstablishes visual identity and draws immediate attention to the director's strongest frames
Name and Title GutterPositions the director's identity off-center for an editorial, unhurried first impression
Category Filter BarLets visitors sort work by commercial, narrative, music video, or title design
Award Badge RowDisplays festival laurels and recognitions before each project reel plays
Project Reel GridHouses campaign frames, title sequences, and brand films in the asymmetric grid
Collaborator Pull QuotesBreaks up project sections with named, single-sentence testimonials in italic type
Reel Download GateCaptures visitor email and optional company name in exchange for the full reel PDF

Design & branding system

The visual identity follows an Atelier Studio theme expressed through an AI Iridescent color system. The palette feels like light refracting through a crystal prism onto matte black paper, controlled and otherworldly in equal measure.

  • Core colors: deep exhibition black (#0B0B0F), holographic lilac (#C4A1FF), prismatic cyan (#7DF9FF), and shifting pearl white (#E8E4F0)
  • Pearl white tints warm or cool depending on adjacent color elements, creating a living, responsive feel across the page
  • Typography uses a thin sans-serif for the name and title placement, with oversized italic type reserved for pull-quote testimonials

Mobile & speed optimization

The template is structured for a clean mobile experience. The layout priorities shift gracefully from the desktop 60/40 grid to a stacked single-column view on smaller screens.

  • The photo mosaic header reflows into a vertically stacked tile arrangement on mobile without losing its editorial character
  • Category filter toggles remain tappable and readable at smaller sizes, keeping the filtering experience accessible on touch devices
  • The gated download form is minimal by design, with a single required field and one optional field, reducing friction on any screen size

How this template helps you convert

The page earns the conversion before asking for it. Every section is ordered to build trust and desire, then present the call to action at the right moment.

  1. The mosaic header and award badges front-load credibility, so visitors are already invested by the time they reach the download gate
  2. Named collaborator testimonials add social proof from peers and clients, making the ask feel supported rather than sudden
  3. The single-field email gate with an optional company name field keeps the friction low enough that qualified visitors, recruiters, producers, and brand leads will complete it

Other information about this template

This template is designed as a standalone landing page rather than a multi-page site. It works well as a direct-link portfolio sent in pitch emails or agency submissions. The layout is built for creative professionals who want their page to feel like a curated exhibition, not a standard portfolio listing.

  • The holographic iridescent visual system is designed to feel native to award show aesthetics and high-end campaign culture
  • The chronological project arc, moving from festival darlings to global work, gives the page a narrative shape that rewards full scrolling
  • The template suits art directors working across commercial, narrative, music video, and title design categories who need one page to cover all of it
Luminary - Holographic Videoportfolio Landing Page Template
Luminary - Holographic Videoportfolio Landing Page Template
Luminary - Holographic Videoportfolio Landing Page Template
Luminary - Holographic Videoportfolio Landing Page Template

Theme

Atelier Studio

Creative direction

Award & Recognition

Color system

AI Iridescent

Style

Asymmetric Grid (60/40)

Direction

Content/Resource

Page Sections

Photo Grid Mosaic Header

Asymmetric 60/40 Grid Layout

Award-first Project Sections

Iridescent Category Filter Toggles

Collaborator Pull-quote Sections

Gated Reel Download Form

Related questions

Can I use this template for different types of video work?

How does the reel download gate work?

Is the holographic color system customizable?

Who is this landing page designed for?

Does the page work as a standalone portfolio submission?