Tiny & Alternative Architecture Portfolio Website Template

Quick summary

Module is a single-page, full-scroll landing page template for a premium modular home architecture studio. It pairs a cinematic five-chapter scroll sequence with a high-intent lead capture form. The design uses deep obsidian backgrounds, hammered gold accents, and parchment cream text to communicate restraint, craft, and precision before a single word is read.

Who this template is for

This template is purpose-built for modular home architects and design-forward prefab studios targeting property owners with challenging or remote land. It suits practices that want to position quality and craft over speed, and that use content downloads to qualify leads before a sales conversation begins.

• Modular home architects running a direct-to-client premium studio
• Prefab design practices targeting hillside, coastal, or remote lot owners
• Architecture studios offering a lead magnet such as a PDF guide or gated film

What problem this template solves

Most architecture studio pages either read like a portfolio gallery or a service brochure. Neither builds the level of trust needed to convert a property owner who has already been let down by a contractor. This template solves that trust gap by teaching first and selling second.

• Clients with difficult land need proof of competence before they fill in any form
• A generic hero image and a contact button do not communicate precision, process, or expertise
• The cinematic scroll structure lets the studio demonstrate its full methodology before asking for an email

What you get with this template

You get a fully structured, single-page landing page that moves from emotional storytelling to factual credibility to lead capture in a deliberate, unhurried sequence. Every section is designed to earn the next click rather than demand it.

• A floating photo constellation header with parallax depth and a typewriter gold headline
• A five-chapter cinematic scroll sequence covering site, studio, factory, transport, and home reveal
• Two conversion paths: an Owner's Sourcebook PDF download form and a gated build film email gate

Feature list

This template includes the following built-in features, each grounded in the source brief.

Floating Photo Constellation Header

Five or six images of varying scales and aspect ratios drift in gentle parallax against the obsidian background. The cluster includes close-up joinery details, an aerial of a completed module, a hand-sketching scene, a factory floor, and a wide interior shot. A gold typewriter headline materializes letter by letter as the page loads.

Cinematic Five-Chapter Scroll Sequence

Each full-page chapter fades in as a distinct scene: blank site in moody weather, studio sketches animating into wireframes, factory floor pan, flatbed transport through fog, and a slow vertical wipe revealing the finished home. The pace deliberately decelerates toward the final chapter, letting the architecture breathe.

Floating Statistics Band

Single gold-on-obsidian statistics float between scroll chapters. The three figures stated in the brief are 14-week average build, 93% waste reduction, and 40-year structural warranty. They give the emotional narrative something factual to anchor to without interrupting the scroll rhythm.

Owner's Sourcebook Lead Capture Form

The primary conversion form asks for first name, email, and a single yes or no toggle: "Do you already own your land?" This segments leads by land ownership without adding friction. The call-to-action button reads "Download the Owner's Sourcebook" in gold on obsidian.

Gated Build Film Secondary Path

After the factory chapter, a secondary call-to-action appears: "Watch the Full Build Film." A twelve-minute documentary is gated behind the same email capture used for the PDF. This gives visitors a second reason to convert without requiring a separate form or page.

GSAP ScrollTrigger Animation System

The template is built with GSAP ScrollTrigger driving scroll-linked chapter transitions, staggered stat reveals, and cinematic wipe effects. A mousemove parallax effect animates the floating photo constellation. The primary call-to-action button uses a magnetic interaction on hover.

Page sections overview

Design & branding system

The visual identity follows an Atelier Studio theme. The palette feels like a leather-bound portfolio: black pages absorb light, gold lettering catches it, and every section feels deliberate and unhurried.

• Color system: deep charcoal-black (#1A1A1D) as the dominant background, warm hammered gold (#C5A55A) for accents and interactive elements, parchment cream (#F0E6D3) for body text and dividers, and muted graphite (#4A4A4F) for secondary surfaces
• Typography: Fraunces serif display for headlines, DM Sans for body copy, and JetBrains Mono for statistics and labels
• Visual language: vellum textures, scale-model lighting, and the quiet atmosphere of a studio at golden hour

Mobile & speed optimization

The template is designed desktop-first to match the design-conscious audience most likely to browse on a large screen. It remains fully mobile responsive for visitors on other devices.

• Desktop-first layout prioritizes the full cinematic parallax and scroll-trigger experience on large screens
• Mobile-responsive structure adapts the floating constellation and chapter transitions to smaller viewports
• Server Components handle static content while Client Components manage animation and interactivity, keeping the rendering split clean

How this template helps you convert

The page earns trust through expertise before it ever asks for a name or email. Every scroll chapter adds another layer of credibility, so the form feels like a natural next step rather than a cold ask.

1. The cinematic sequence builds genuine confidence in the studio's process across five chapters before the primary call-to-action appears, reducing resistance at the conversion point
2. The Owner's Sourcebook form uses a single land-ownership toggle to segment leads without adding friction, giving the studio qualified contact data from the first interaction
3. The secondary film gate after the factory chapter creates a second conversion opportunity for visitors who are not yet ready to download the PDF, capturing warm leads who want more depth

Other information about this template

This template is part of the Architecture and Design category, sitting within the Tiny and Alternative Architecture subcategory and the Modular Home Architect niche. It is built as a storybook, full-page landing page style, making it well suited to studios that treat their web presence as a brand monograph rather than a service catalogue.

• Localization: English language, United States market, pricing in USD
• The footer follows a Pattern 7 Arc Browser Split layout with the logo and tagline on the left and navigation links on the right
• Animation complexity is high, using GSAP ScrollTrigger for all scroll-linked effects, typewriter text, cinematic wipe reveals, and staggered statistic entrances
• The Why Module section uses an asymmetric comparison layout with bento-style imagery to contrast traditional construction against the Module approach
• The template is designed for a direct-to-client premium studio model, not an agency portfolio or contractor directory

Show more