Tiny & Alternative Architecture Professional Website Template
Yurt is a storybook-style landing page template built for glamping and yurt design studios. It guides visitors from a handcrafted hero collage through an origin story, three signature models, and a process timeline, ending at a lead-capture form offering a free Siting Guide download. The result feels like a linen-wrapped sketchbook come to life on screen.
by Rocket studio
Quick summary
Yurt is a full-page landing page template designed for boutique glamping studios and tensioned-canvas shelter builders. It opens with a collage-style hero and scrolls visitors through a designer origin story, signature model showcases, and a horizontal process timeline. Every section builds trust before delivering a focused Siting Guide download form at the end.
Who this template is for
This template is made for creative founders in the glamping and alternative architecture space who need a landing page that sells a vision before it sells a service.
- Boutique hospitality founders planning their first three-unit glamping site
- Vineyard and estate owners converting raw acreage into bookable glamping escapes
- Couples with raw land who want to explore yurt living without permanent construction
What problem this template solves
Most portfolio or studio pages for niche builders feel either too corporate or too unfinished. Hospitality founders doing early research need to feel the quality of the work before they commit to a conversation. A generic template cannot carry that weight.
- Visitors leave before they trust the craft, because the page looks like every other agency site
- The lead-capture form appears too early, before the visitor believes the value of the resource
- There is no narrative arc to help a land-owner understand the full journey from raw site to finished yurt
What you get with this template
You get a complete single-page layout that tells a full studio story and ends with a high-value content download. Every section is designed to build belief progressively before asking for a name and email.
- A collage hero section with overlapping Polaroid-style photo frames, hand-drawn diagram layers, and a torn kraft-paper studio name strip
- Three full-spread signature model showcases, each carrying a material palette, a site photograph, and a handwritten design note
- A horizontal scroll process timeline running from site survey through frame-raising day, plus a parallax Siting Guide preview above the lead-capture form
Feature list
This template is built around a small set of deliberate, high-impact features drawn directly from the studio brief.
Collage Scrapbook Hero
The hero opens as a worktable composition. Polaroid-style photographs sit at slight angles, structural diagrams carry penciled annotations, and a torn kraft-paper strip holds the studio name in a loose serif. Elements float in on load, casting faint drop shadows on the cotton-white ground.
Scroll-Reveal Manifesto Section
The origin story section animates line by line as the visitor scrolls, mimicking pencil strokes appearing on paper. This pacing slows the reader down intentionally, creating the intimate feeling of reading a designer's personal sketchbook entry.
Signature Model Spreads
Three yurt models are each given a full asymmetric-grid spread. Each spread pairs a site photograph with a material palette callout and a handwritten-style design note, giving prospective clients a concrete sense of how each model looks and feels in a real landscape.
Horizontal Process Timeline
The build journey unrolls as a horizontal scroll, moving from initial site survey through lattice framing day. The format mirrors an architectural scroll and shows clients exactly what to expect before they book a consultation.
Parallax Siting Guide Preview
Three interior spreads of the free 22-page Siting Guide PDF are displayed as parallax thumbnails directly above the download form. This preview proves the resource is worth downloading before the visitor is asked to fill in their details.
Land-Status Toggle Form
The lead-capture form includes a simple toggle question: "Do you have land yet?" with Yes, No, and Looking options. This small interaction helps the studio understand where each lead is in their journey without requiring a long questionnaire.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Collage | Opens with a scrapbook composition of yurt photographs, structural sketches, and the studio name on torn kraft paper |
| Manifesto Story | Delivers the origin story through scroll-triggered word animations that mimic pencil strokes |
| Signature Models | Showcases three yurt models as full asymmetric spreads with materials, photography, and design notes |
| Process Timeline | Unrolls the build journey horizontally from site survey to frame-raising day |
| Siting Guide Form | Pairs parallax PDF preview thumbnails with a name, email, and land-status toggle form |
| Footer Split | Displays logo and tagline on the left with navigation links on the right |
Design & branding system
The visual identity follows a Luxe Minimal approach built around an Ink and Paper color palette. The feeling is a Moleskine notebook filled with architectural pencil studies, where restraint and negative space do as much work as the type or imagery.
- Color palette: unbleached cotton white (#F5F0E8) for the background, carbon sketch ink (#1A1A1A) for body text, soft graphite (#6B6B6B) for secondary text, and tarnished brass (#A8935F) reserved for links, captions, and interactive markers
- Typography pairing: Cormorant Garamond for all display and heading text, DM Sans for body copy and form labels
- Visual language: slightly rotated Polaroid frames, hand-drawn annotation overlays, pencil-stroke reveal animations, and parallax depth all reinforce the handcrafted, tactile studio identity
Mobile & speed optimization
The template is designed desktop-first, reflecting how boutique hospitality founders and vineyard owners typically research long-form creative services. Full mobile support is included so the experience holds across all screen sizes.
- Static sections are built with server-rendered components for reliable load performance on desktop
- Client-side rendering is scoped to interactive and animated elements only, including scroll-reveal words, floating Polaroid entry, horizontal scroll, and parallax thumbnails
- The horizontal process timeline and collage hero adapt to narrower viewports without losing their handcrafted visual quality
How this template helps you convert
Every section is sequenced to build trust before asking for anything. The visitor earns their way to the form by first believing in the studio, the work, and the resource being offered.
- The hero collage and manifesto section establish the studio's craft and identity before any offer appears, reducing the chance a visitor bounces before they feel the quality of the work.
- The parallax Siting Guide preview shows three actual interior spreads of the PDF above the form, making the download feel like something worth keeping rather than a generic lead magnet.
- The land-status toggle on the form lowers friction by replacing open-text qualification with a single button tap, making it easier for early-stage land-owners to complete the form.
Other information about this template
This template fits naturally into the tiny and alternative architecture niche, where the audience is sophisticated and research-driven. A few additional details are worth noting before you use it.
- The secondary call to action links to a long-form blog archive called the Design Journal, giving returning visitors a path that does not require an immediate download commitment
- The template style is classified as Storybook and Full-Page, meaning the narrative rhythm is intentional and sections should be kept in order to preserve the emotional arc
- Animation intensity is set to high across scroll-reveal words, Polaroid float-in, horizontal scroll, and parallax layers, so the template is best previewed in a live browser environment rather than a static screenshot
- The footer uses a split layout with the studio logo and tagline on the left and navigation links on the right, keeping the closing section clean and on-brand




Theme
Luxe Minimal
Creative direction
Creator Spotlight
Color system
Ink & Paper
Style
Storybook/Full-Page
Direction
Content/Resource
Page Sections
Collage Scrapbook Hero Section
Scroll-reveal Manifesto Animation
Signature Model Full Spreads
Horizontal Process Timeline
Parallax Siting Guide Preview
Land-status Toggle Form
Related questions
Who is this landing page template built for?
What is the Siting Guide, and how does it work in this template?
Can I customize the three signature yurt model sections?
Does the horizontal process timeline work on mobile devices?
Do I need any third-party tools to use the lead-capture form?