Reel - Cinematic Architect Landing Page Template

Quick summary

Reel is a single-page architect video portfolio template built on a bento grid layout. It opens with a living photo mosaic that activates on hover, then guides visitors through three cinematic project sequences before landing on a focused waitlist card. Every design decision prioritizes atmosphere, credibility, and a single conversion goal.

Who this template is for

This template is built for creative professionals in architecture who want their digital presence to feel as considered as their buildings. It suits anyone whose work photographs and films beautifully and who wants that quality to be the first thing a visitor feels.

• Award-focused architects seeking a portfolio that reflects the depth of their practice
• Boutique studios preparing competition submissions or pre-launch portfolio pages
• Development firms that need flagship projects to feel compelling before construction begins

What problem this template solves

Most architect portfolio pages treat video as an afterthought. They embed a clip between static images and call it done. That approach undercuts the power of architectural cinematography and leaves visitors unmoved.

• Static image grids cannot communicate how a space actually feels in motion
• Generic portfolio layouts compete for attention with menus, social links, and distractions
• Early-stage practices need a credible landing page before a full site is ready

What you get with this template

You get a complete, single-page bento grid landing page that doubles as a cinematic portfolio experience and a waitlist collector. Every section is purposefully ordered to build trust before asking for anything.

• A hover-activated photo grid mosaic header with mixed-aspect-ratio tiles
• Three scroll-triggered project sequence sections with gold timestamp accents
• A focused waitlist card with a single email field and a gold submit arrow

Feature list

This template delivers a tightly designed set of visual and structural features. Each one comes directly from the brief and serves a specific role in the overall experience.

Hover-Activated Photo Mosaic

The header is a bento arrangement of still frames at different aspect ratios, like contact sheets on a lightbox. When a visitor's cursor crosses a tile, it silently begins playing a two-second video loop. The mosaic shifts from photography to living cinema one tile at a time.

Cinematic Scroll Sequence

Each bento section below the header introduces one project as the visitor scrolls into it. The three projects move from intimate residential to civic and monumental to speculative and unbuilt. Aspect ratios shift across cards, some bleeding wide and others stacking vertically like film strips.

Gold Timestamp Accents

Each project card carries a gold timestamp in the corner marking the clip's duration. This detail reinforces the film-reel aesthetic and signals professionalism without additional text.

Rhythm-Driven Grid Pacing

The grid's visual rhythm accelerates as the visitor scrolls. Cuts feel faster and projects grow bolder, mirroring a film's three-act structure. The sequence ends with a single centered black card carrying a blinking gold cursor.

Focused Waitlist Card

The final card is the only call to action on the page. It carries the line "Reserve Your Screening" with a single email field and a gold submit arrow. There are no secondary paths or social links to pull focus away.

Obsidian and Gold Color System

The palette uses deep obsidian black as the dominant background, charcoal celluloid for card surfaces, warm projection gold for hover states and accents, and soft platinum for body text. The result feels like a vintage film canister caught in monitor light inside a dark editing suite.

Page sections overview

Design & branding system

The visual identity follows a Lens and Frame theme. Every color, surface, and typographic choice references the physical world of film production rather than digital convention.

• Deep obsidian black (#0B0B0F) as the dominant background, with charcoal celluloid (#1A1A24) for card surfaces
• Warm projection gold (#C9A84C) applied to hover states, play buttons, timestamps, and typographic accents
• Soft platinum (#E8E6E1) for body text, keeping legibility calm against dark backgrounds

Mobile & speed optimization

The bento grid layout is structured to adapt across screen sizes. Hover states naturally transition to tap interactions on touch devices, keeping the video tile experience intact on mobile.

• Card aspect ratios reflow to suit narrower viewports without breaking the film-strip visual logic
• The scroll-triggered project sequence maintains its pacing on mobile, preserving the three-act rhythm
• The waitlist card remains the sole focus at the bottom of the page on all screen sizes

How this template helps you convert

This template is engineered so that the signup feels earned rather than asked for. By the time a visitor reaches the final card, they have moved through a complete portfolio experience that builds credibility at every scroll step.

1. The hover-activated mosaic creates immediate curiosity and proves production quality before a single word is read
2. The cinematic project sequence builds trust across three distinct scales of work, so the visitor arrives at the waitlist card already convinced
3. The single-field waitlist card removes every competing action, making the email submission the only natural next step on the page

Other information about this template

Reel is part of the Portfolio and Agency category and sits within the Architect Portfolio subcategory. It is designed specifically for the architect video portfolio niche, where cinematography is the primary communication medium.

• The template style is a bento grid, a layout format well suited to mixed-media content at varied aspect ratios
• The Lens and Frame theme and Cinematic Sequence creative direction are matched intersection attributes built into the template from the start
• The waitlist direction is intentional: the page is designed as a pre-launch or coming-soon portfolio page, not a full permanent site
• The "Full portfolio launches Spring 2025" copy line is included in the brief and can be updated to reflect your own launch timeline

Show more