Mediterranean Architecture Pre-Launch Website Template

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
• 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

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.

1. 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.
2. 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

Show more