Atrium is a horizontal scroll landing page built for a Mediterranean architecture studio that draws every home by hand before opening a screen. The template captures waitlist signups for 2026 commissions through an immersive, chapter-driven scroll journey. It pairs an Ink & Paper visual identity with a single emotional intake form, designed to attract clients who think in feelings, not floor plans.
by Rocket studio
Loading preview…
Quick summary
Atrium is a single-page horizontal scroll template for a hand-drawn Mediterranean architecture practice. It moves visitors through an origin story, from first pencil sketch to golden-hour reveal, and closes with a waitlist form for 2026 commissions. The design feels like unrolling a set of hand-drawn plans on a sun-warmed table: disciplined, warm, and quietly compelling.
Who this template is for
This template is built for architecture studios and independent practitioners who lead with craft and philosophy rather than a services menu. It suits anyone whose work is premium, place-specific, and driven by a personal design process.
Mediterranean architects offering bespoke residential or boutique hospitality commissions
Independent design studios opening a waitlist for a limited project season
Creative professionals who want their landing page to feel like an extension of their process, not a sales brochure
What problem this template solves
Most architecture portfolio sites present finished photographs and a contact form. They do not tell the story of how a home comes to exist. Atrium solves the problem of communicating process, philosophy, and selective availability all at once.
Visitors leave generic portfolio pages without understanding why one practice is meaningfully different from another
Studios with limited annual commissions need a page that pre-qualifies clients emotionally, not just logistically
A standard vertical scroll layout cannot convey the feeling of reading a set of hand-drawn plans from left to right
What you get with this template
Atrium delivers a fully structured horizontal scroll landing page ready to be populated with your own studio imagery, project writing, and client voices. Every section is purposefully sequenced to take a visitor from curiosity to commitment.
A nine-frame asymmetric photo mosaic hero with indigo gap bleeds and studio title overlay
A chapter-driven horizontal scroll journey moving from first sketch through site, mason dialogue, and finished reveal
Theme
Ink & Paper
Creative direction
Origin Story
Color system
Electric Indigo
Style
Horizontal Scroll
Direction
Waitlist/Coming Soon
Page Sections
Nine-frame Asymmetric Mosaic Hero
Horizontal Scroll Chapter Journey
Philosophy Split Panel
Emotional Waitlist Intake Form
Client Testimonial Cards
Electric Violet Hover System
Related questions
Can I use this template for a different type of creative studio?
How does the horizontal scroll experience work on mobile?
What information does the waitlist form collect?
Can I adapt the colors and typefaces to match my own studio branding?
Is this template suitable for a boutique hospitality or hotel conversion project?
A waitlist form with an emotional open-ended prompt, placed beside a dusk-lit completed home in the final panel
Feature list
This section covers the core built-in capabilities that make Atrium work as a commission-capture landing page for a selective Mediterranean architecture practice.
Nine-Frame Asymmetric Photo Mosaic Header
The hero fills the full viewport with nine unevenly cropped photograph frames pinned together like studio wall prints. Deep drawing-ink indigo bleeds through the gaps between frames, giving the impression that the background itself is a sheet of inked paper. No two frames share the same proportions.
Horizontal Scroll Chapter Panels
The page scrolls left to right like reading a visual timeline. Each panel is a distinct chapter: the discovery of a site, the first pencil study, the dialogue with local masons, and the golden-hour reveal of a finished home. CSS scroll-snap keeps the experience controlled and intentional as visitors move through the story.
Philosophy Split Panel
A dedicated section pairs hand-process imagery with manifesto text explaining why the hand draws before the computer renders. The split layout gives equal weight to image and word, reinforcing the studio's core belief that every home begins as a conversation with the land.
Waitlist Consultation Form
The final scroll panel presents a "Reserve Your Consultation Window" form asking only for a first name, project location, and one open-ended emotional question: "Describe the feeling you want when you walk through your front door." The form is deliberately minimal and filters for emotionally aligned clients without requesting budget or timeline.
Intimate Client Testimonial Cards
Three testimonial cards carry specific project locations and outcomes, making social proof feel personal rather than generic. Each card is rooted in a real European locale context, reinforcing the studio's geographic reach from Crete to Catalonia.
High-Motion Reveal Animations
The template includes reveal animations on scroll, image hover zoom states, and an indigo gap pulse on the hero mosaic. The single electric violet accent color appears only on hover states, active links, and the waitlist button, creating a controlled moment of visual surprise against the otherwise disciplined palette.
Page sections overview
Section
Purpose
Hero Photo Mosaic
Opens the page with nine asymmetric studio frames and indigo gap bleeds
Philosophy Panel
Explains the hand-draws-first process with imagery and manifesto text
Portfolio Journey Panels
Walks visitors through sketch, site, mason dialogue, and finished reveal
Client Voices Cards
Delivers location-specific testimonials from past commission clients
Waitlist Call to Action
Captures 2026 commission enquiries via an emotional intake form
Footer Strip
Closes with an ultra-minimal horizontal footer pattern
Design & branding system
The visual identity follows an Ink & Paper theme built around the Electric Indigo color system. Every color choice references the physical materials of hand-drawn architectural practice: the deep stain of drawing ink, the warm off-white of aged vellum, and the quiet authority of graphite on paper.
Deep drawing-ink indigo (#3D0C7B) as the primary structural color, faded vellum cream (#F5F0E3) as the background, and graphite sketch gray (#4A4A4A) for body text
Electric violet (#7C3AED) reserved exclusively for hover states, active links, and the waitlist button, appearing like a drop of pigment hitting wet paper
Fraunces as the editorial serif display typeface and DM Sans as the body typeface, pairing expressive editorial presence with clean legibility
Mobile & speed optimization
Atrium is designed desktop-first to honor the horizontal scroll experience, which works best on wide screens. A vertical fallback layout is included for mobile visitors so no one is excluded from the content or the waitlist form.
CSS scroll-snap controls the horizontal chapter panels for a smooth, intentional desktop experience
IntersectionObserver triggers reveal animations as panels enter the viewport, keeping transitions purposeful rather than distracting
GPU-accelerated transforms are used for image hover zoom and scroll animations to keep motion fluid
How this template helps you convert
The entire page is structured as a persuasion sequence, not a brochure. Every design and copy decision is calibrated to move the right visitor toward the waitlist form and filter out mismatched enquiries before they reach it.
The origin story scroll journey builds philosophical trust before any service is named, so visitors arrive at the waitlist form already believing in the practice's process and values.
The emotional intake question replaces a budget field with a feeling-first prompt, which pre-qualifies clients by mindset and communicates that this studio builds homes differently from the first moment of contact.
Other information about this template
Atrium is a purpose-built template for a selective Mediterranean architecture practice opening its books for a limited commission season. It is not a general portfolio theme. Every structural and visual decision serves the specific goal of attracting emotionally aligned clients for bespoke residential and boutique hospitality work.
The template is scoped for a single-page horizontal scroll layout with a desktop-first priority and a mobile vertical fallback
The Origin Story creative direction and Photo Grid Mosaic header concept are baked into the template structure, not optional modules
The Waitlist / Coming Soon landing page direction means the primary conversion goal is consultation window reservations, not immediate project briefs
European locale references throughout the copy and imagery placeholders reflect the practice's geographic reach across Crete, Catalonia, Puglia, and Provence
