Folio - Immersive Architect Landing Page Template

Folio is a full-width immersive landing page built for architects who treat photography as the first act of design. It uses a Before/After Slider header, a scrolling Gallery Walk structure, and a warm Cloud Canvas palette to present built work with gallery-level intention. The page collects early-access signups ahead of a full portfolio launch.

by Rocket studio

Quick summary

Folio is a single-page, waitlist-focused architect portfolio landing page. It presents built projects as curated exhibition photographs, guiding visitors through a slow, immersive scroll before inviting them to reserve early access. The Cloud Canvas color system, Lens and Frame visual theme, and Before/After Slider header work together to make the work feel like an opening night worth attending.

Who this template is for

This template suits architects and architectural photographers who want to build anticipation before a full portfolio goes live. It speaks clearly to a discerning audience that values restraint, careful framing, and editorial presentation over feature lists.

  • Architects preparing a staged portfolio launch who want to collect qualified leads in advance
  • Architectural photographers building an editorial client base among developers and press
  • Award-cycle entrants who need a focused, high-impact single page for jury review

What problem this template solves

Most portfolio pages compete on quantity. They load every project, every plan, and every credential at once. That approach works against architects whose strongest asset is how their buildings photograph. Folio solves the problem of the forgettable first impression.

  • Visitors scroll passively and leave without acting, because nothing earns their attention
  • Portfolio launches happen without a lead list, so early momentum is lost
  • The work gets buried in layout noise instead of being presented with the calm it deserves

What you get with this template

You get a carefully structured single-page layout that moves like a curated exhibition. Every decision, from section rhythm to button color, is made to serve the photographs first and the conversion second.

  • A full-viewport Before/After Slider header with a brass-colored drag handle and a headline that appears only at center
  • A Gallery Walk scroll structure where each project occupies the full viewport with interstitial process cards
  • A dual-placement waitlist form collecting email and role, with a live signup counter for quiet social proof

Feature list

This template is built around a focused set of intentional components. Each one earns its place by serving either the visual presentation or the early-access goal.

Before/After Slider Header

The header splits the full viewport between a raw construction photograph and the finished building in identical framing. The visitor drags a thin brass-colored handle to reveal the transformation. A single headline in light tracking appears only when the handle reaches center, making the reveal feel earned.

Each project section occupies the full viewport and enters with a slow parallax rise, like a framed print being lifted onto a wall. The rhythm alternates between full-scale views and intimate detail crops. Between projects, matte charcoal interstitial cards carry a single first-person sentence about lens choice, time of day, or angle rationale.

Dual-Placement Waitlist Form

The "Reserve Your Preview" call to action appears twice: once after the third project and once at the final frame. Each instance shows the same compact form asking only for email and a role dropdown. The role options are Architect, Developer, Editor, and Admirer.

Signup Counter Social Proof

A small numeric counter sits below the waitlist button showing how many visitors have already joined. It creates quiet momentum without aggressive language or inflated claims.

Cloud Canvas Color System

The palette uses gallery white, soft fog, matte charcoal for typography and thin framing borders, and a single warm aged brass accent reserved only for interactive states and the primary call-to-action button. Nothing competes with the photographs.

Lens and Frame Visual Theme

The Lens and Frame theme treats every layout decision as a photographic choice. Spacing, proportion, and cropping follow the logic of an exhibition print rather than a typical web grid. The result is a page that feels hand-curated.

Page sections overview

SectionPurpose
Before/After SliderOpens the page with a construction-to-completion reveal and introduces the headline
Project OnePresents the first featured building at full viewport scale with parallax entry
Interstitial Card OneDelivers a first-person process note on lens or light between projects
Project TwoContinues the gallery rhythm with the second featured work
Interstitial Card TwoOffers a second process sentence to maintain editorial voice
Project ThreeCompletes the pre-call to action gallery sequence
First Waitlist FormInvites early-access signup after the third project with role dropdown and counter
Final Project FrameCloses the gallery sequence at full-viewport scale
Final Waitlist FormRepeats the signup prompt at the last frame to capture late-deciding visitors

Design & branding system

The Cloud Canvas palette is built around restraint. Every color serves the photographs, not the interface. The result feels like a linen-wrapped photography book left open on a marble surface.

  • Gallery white (#F7F5F2) and soft fog (#E2DFD9) form the neutral field that lets images breathe
  • Matte charcoal (#2C2C2C) handles all typography and the thin framing borders that separate sections
  • Aged brass (#C4A35A) appears only on interactive states and the waitlist button, making every call to action feel considered and warm

Mobile & speed optimization

The full-width immersive layout is designed to scale down without losing the gallery feeling. Large images and viewport-filling sections require careful handling at smaller screen sizes to stay readable and fast.

  • Full-viewport project sections reflow to prioritize image impact on narrower screens
  • The Before/After Slider handle remains draggable on touch screens so mobile visitors get the same reveal experience
  • The minimal form structure, two fields and one dropdown, keeps the waitlist interaction frictionless on any device

How this template helps you convert

Folio earns the signup rather than demanding it. The page withholds just enough of the full collection to make early access feel like a genuine privilege.

  1. The Before/After Slider creates immediate investment. Visitors interact before they read, which builds personal engagement with the work before any ask appears.
  2. The Gallery Walk rhythm alternates scale and detail, keeping attention active throughout the scroll so visitors arrive at the waitlist form already convinced.
  3. The signup counter adds peer signal without pressure. Seeing that others have already reserved a preview makes the decision feel natural rather than transactional.

Other information about this template

Folio is categorized under Portfolio and Agency templates, specifically within the Architect Portfolio and Architect Gallery Portfolio niche. It is designed as a full-width immersive landing page with a Waitlist and Coming Soon direction, making it well suited for pre-launch campaigns that need to build a list before the main portfolio goes live.

  • The template style is Full-Width Immersive, optimized for visual-first industries where the work itself is the primary sales argument
  • The Lens and Frame theme and Gallery Walk creative direction are specifically matched to this niche for editorial coherence
  • This template works equally well as a standalone pre-launch page or as a temporary holding page while a full multi-project site is being built
  • The aged brass accent color and matte charcoal typography create a palette that reads as premium and considered across both light and dark viewing environments
Folio - Immersive Architect Landing Page Template
Folio - Immersive Architect Landing Page Template
Folio - Immersive Architect Landing Page Template
Folio - Immersive Architect Landing Page Template

Theme

Lens & Frame

Creative direction

Gallery Walk

Color system

Cloud Canvas

Style

Full-Width Immersive

Direction

Waitlist/Coming Soon

Page Sections

Before/after Slider Header

Gallery Walk Scroll Structure

Dual-placement Waitlist Form

Signup Counter Social Proof

Cloud Canvas Color System

Related questions

Can I add more projects to the gallery scroll?

Is the waitlist form connected to an email platform by default?

Can I use Folio as a live portfolio instead of a pre-launch page?

How does the headline on the Before/After Slider work?

Who is this landing page template designed to impress?