Bauhaus Architecture Pre-Launch Website Template

Quick summary

This landing page template is designed for a Bauhaus preservation consultancy running a waitlist for new project applications. It uses a cinematic, scroll-driven narrative across four full-viewport frames to demonstrate material-level expertise. The iridescent color system and editorial typography create the feeling of uncovering something original beneath layers of institutional paint.

Who this template is for

This template is built for specialist architecture and heritage consultancies that need to communicate deep expertise before asking for a commitment. It suits organizations and individuals operating in the Bauhaus preservation and modernist heritage space.

• Municipal preservation offices fighting demolition orders on modernist landmarks
• University facilities managers stewarding Bauhaus or International Style campus buildings
• Private collectors who own a modernist structure and need forensic conservation guidance

What problem this template solves

Heritage consultancies face a specific challenge: the work is complex, the audience is skeptical, and a generic contact form earns nothing. Visitors need to feel the depth of expertise before they are willing to share their building's details or join a waitlist.

• Generic portfolio sites fail to convey the forensic, material-level precision that distinguishes serious preservation work
• A standard hero-and-form layout gives no narrative context, leaving heritage boards and municipal clients unconvinced
• The gap between "we do conservation" and "we found the original Schlemmer vermillion beneath four coats of beige" is exactly where this template operates

What you get with this template

You get a single-page, full-width immersive layout that earns the waitlist signup through a four-frame cinematic scroll sequence. Each frame is a full-viewport editorial moment, and the iridescent color system only reveals itself through motion, so the design itself mirrors the act of uncovering something hidden.

• A full-bleed hero with a desaturated editorial photograph, a four-second delayed typography reveal, and a prismatic lilac color accent on the single revealed detail
• Four sequential cinematic scroll frames covering the decay narrative, archival research, forensic material analysis, and the finished restoration
• A fixed single-field email capture that expands on click to collect building name, construction year, and heritage listing status, with a live waitlist position counter above it

Feature list

This template delivers a precise set of built-in components grounded in the source brief. Every element below is part of the designed layout.

Cinematic Four-Frame Scroll Sequence

Each of the four content frames fills the full viewport and holds before dissolving into the next. The frames follow a documentary narrative arc: ruin, archive, forensics, restoration. Iridescent color intensity increases as the story moves from decay toward recovery.

Delayed Hero Typography Reveal

The hero section opens on a high-resolution, editorially composed photograph. No headline appears for four seconds. Then the typographic statement sets in, creating an editorial pause that commands attention before any copy lands.

Fixed Expanding Waitlist Form

A single-field email capture sits fixed at the bottom of the viewport from the second scroll frame onward. On click, it expands to request building name, construction year, and heritage listing status. A live counter above the form shows the visitor's waitlist position.

AI Iridescent Color System

The palette uses deep Dessau black, shifting pearl, prismatic lilac, and iridescent cyan. The iridescent tones appear exclusively in motion states, on scroll, on hover, and on reveal, so color itself feels like something being uncovered rather than something static.

Editorial Magazine Typography Pairing

The template uses Plus Jakarta Sans alongside Fraunces serif. The pairing creates high-contrast editorial tension between precision and warmth, matching the consultancy's forensic-yet-narrative identity.

Full-Bleed Photo Header

The hero image is desaturated across the full frame except for one element showing the original color beneath the surface, rendered in prismatic lilac. This single-color reveal communicates the consultancy's core value proposition before a word is read.

Page sections overview

Design & branding system

The visual identity follows an Editorial Magazine theme built on an AI Iridescent color system. The palette is austere and architectural by default, then alive in motion.

• Colors: deep Dessau black (#0B0B0F) for dominant backgrounds, shifting pearl (#E8E3F3) for alternating sections and body text contrast, prismatic lilac (#B8A9E2) for hover states and section transitions, and iridescent cyan (#7DF9FF) reserved for the waitlist call-to-action and interactive accents
• Typography: Plus Jakarta Sans for structural copy and Fraunces serif for editorial headlines, creating a print-magazine tension between geometric clarity and expressive warmth
• Motion language: iridescent tones appear only on scroll, hover, and reveal, so the color system itself performs the act of uncovering

Mobile & speed optimization

The template is designed desktop-first to honor the editorial magazine aesthetic, with mobile adaptation built in for responsive use. Scroll-linked animations are handled through IntersectionObserver, which keeps performance lean on lower-powered devices.

• Cinematic scroll sequences are built with CSS custom properties and IntersectionObserver to minimize layout recalculation during reveal animations
• The fixed waitlist form adapts its expand behavior for touch screens, maintaining usability without sacrificing the desktop interaction intent

How this template helps you convert

This template earns the signup before asking for it. By the time a visitor reaches the fourth cinematic frame, the consultancy has already demonstrated what it sees, what it recovers, and why that matters.

1. The four-frame narrative sequence builds progressive proof: each frame adds a layer of expertise, moving from problem to archive to forensics to result, so the visitor arrives at the form already convinced.
2. The fixed waitlist form with a live counter creates genuine urgency without manufactured pressure. Showing a real position number reinforces that the consultancy is selective, which makes the signup feel like access rather than obligation.

Other information about this template

This template is a strong fit for the Bauhaus preservation and modernist heritage niche. It is designed to perform in a context where the audience has high standards and limited patience for generic layouts.

• The template style is Full-Width Immersive, suited to desktop-first editorial experiences with high animation fidelity
• The creative direction follows a Cinematic Sequence approach, inspired by documentary film pacing rather than conventional web scroll behavior
• The header concept is a Full-Bleed Photo with a single-element color reveal, a technique drawn from editorial photography and conservation documentation
• The landing page direction is Waitlist and Coming Soon, meaning the primary conversion goal is waitlist signup, not immediate purchase or inquiry
• The color system is classified as AI Iridescent, a palette framework where chromatic expression is tied to interaction and motion rather than static presence

Show more