Minimalist Architecture Blog Website Template
Prune is a minimalist landscape designer landing page built around a scroll-jacked SVG drawing experience and layered parallax project gallery. It targets architects, tech founders, and boutique hoteliers. The page earns trust through restrained editorial design before asking for an email, making it ideal for high-end creative service practices that lead with taste.
by Rocket studio
Quick summary
Prune is a single-page template for a luxury minimalist landscape design practice. It opens on empty rice paper white, then draws a garden on screen as the visitor scrolls. Three layered project compositions follow, each revealing a downloadable resource. The primary conversion is an email capture for a "Planting Manifesto" PDF.
Who this template is for
This template is built for creative professionals who sell high-end, judgment-driven services. The visual weight of the page communicates restraint before a single word is read.
- Minimalist landscape designers and garden studios serving architects and private clients
- Boutique hoteliers and estate developers commissioning bespoke exterior environments
- Architecture-adjacent practitioners who need a landing page that matches the quality of their built work
What problem this template solves
Most service pages rush to explain. This template holds back, letting the design do the persuading first. It solves the trust gap between a premium price point and a cold visitor arriving with no prior relationship.
- High-end clients need proof of taste before they read a single line of copy
- Scroll-heavy editorial pages typically require custom development to execute well
- Email capture forms feel transactional unless the page has already earned the exchange
What you get with this template
You get a fully structured, overlap-and-layered landing page built around a scroll-jacked hero, a three-project parallax gallery, and a minimal email capture flow. Every section is pre-composed and ready to adapt to your own projects and copy.
- A scroll-animated hero that draws a plan-view garden stroke by stroke before revealing the headline
- Three layered parallax project blocks progressing from a single courtyard to a full estate, each paired with a downloadable resource gate
- A philosophy section, a commission inquiry block, and a centered minimal footer
Feature list
This template brings together several deliberate design and interaction systems. Each one supports the core goal: demonstrate taste first, convert second.
Scroll-Jacked SVG Garden Drawing
The hero section opens on a blank rice paper background. As the visitor scrolls, thin black lines draw themselves across the viewport. A plan-view garden assembles stroke by stroke, gravel beds first, then a water channel, then the canopy of a specimen maple. The headline writes itself only after the composition holds.
Layered Parallax Project Gallery
Three project compositions occupy the scroll between hero and contact. Each one layers plan drawings, material photographs, and finished landscape photography on separate parallax planes. The layers slide past each other at different speeds, mimicking translucent sheets on a light table.
Minimal Email Capture Gates
Each project block surfaces a secondary resource call to action beside the composition. The primary gate, "Download the Planting Manifesto," appears after the third project. Every capture form is a single email field styled as a thin ink line with a blinking cursor.
Ink and Paper Visual System
The full page runs on a four-value color palette: warm rice paper background, wet ink black for text, dry brush gray for secondary elements, and moss green reserved strictly for hover and active states. Typography pairs a serif display face with a monospace body and label typeface.
Generous Negative Space Layout
Sections are separated by deliberate empty space that mirrors the emptiness defining the gardens themselves. The pace is slow and intentional. Every element placed carries visual weight because nothing is placed carelessly.
Philosophy and Commission Sections
Beyond the gallery, the template includes a practice philosophy block that names the three client types and outlines the working method. A minimal commission inquiry section follows, keeping the contact experience as restrained as the rest of the page.
Page sections overview
| Section | Purpose |
|---|---|
| Hero scroll draw | Animates a garden plan and reveals the headline |
| Projects gallery | Three layered parallax project compositions |
| Philosophy block | Names client types and working method |
| Resource capture | Email gate for Planting Manifesto and secondary PDFs |
| Commission inquiry | Minimal contact form for new project inquiries |
| Centered footer | Superhuman-style minimal footer pattern |
Design & branding system
The visual identity follows an Ink and Paper theme using a Cloud Canvas color palette. Every color decision reinforces the sense of a freshly pressed sheet of paper with a single sumi-e stroke drying across it.
- Four-value palette: #F5F0E8 rice paper background, #1A1A1A ink black, #9E9A91 dry brush gray, #5B6B4A moss green accent for hover and active states only
- Typography pairing: Fraunces as the serif display face for headlines, DM Mono as the monospace typeface for body copy and labels
- Visual style is sumi-e ink on washi paper, with negative space treated as deliberate architecture rather than empty area
Mobile & speed optimization
The template is designed desktop-first to support the full scroll-jacked animation experience. On smaller screens, the experience degrades gracefully without breaking the visual identity.
- Scroll-linked animations use IntersectionObserver and requestAnimationFrame for smooth, frame-accurate rendering
- Mobile layouts preserve the Ink and Paper palette and typographic hierarchy while simplifying parallax depth
- The single-field email capture form remains fully functional and styled consistently across all viewport sizes
How this template helps you convert
The page earns conversion by sequencing taste before ask. By the time a visitor reaches the email gate, they have already scrolled through enough restrained beauty to trust the studio's judgment.
- The scroll-jacked hero creates immediate intrinsic motivation to keep scrolling, holding attention without a single call to action
- Each project block delivers proof of capability and pairs it directly with a resource offer, making the email exchange feel earned rather than extracted
- The commission section arrives only after full context has been established, so inquiries come from visitors who are already self-qualified
Other information about this template
This template sits at the intersection of minimalist architecture presentation and content-led lead generation. It is well suited to any design practice that needs a landing page reflecting the same editorial restraint as the work itself.
- Template style: Overlap and Layered
- Header concept: Scroll-Jacked Experience with SVG path drawing
- Creative direction: Gallery Walk with slow parallax pacing
- Landing page direction: Content and Resource collection with gated PDF downloads
- Color system: Cloud Canvas
- Theme: Ink and Paper
- Category: Architecture and Design, Minimalist Architecture subcategory




Theme
Ink & Paper
Creative direction
Gallery Walk
Color system
Cloud Canvas
Style
Overlap/Layered
Direction
Content/Resource
Page Sections
Scroll-jacked SVG Hero Animation
Layered Parallax Project Gallery
Gated Resource Downloads
Ink and Paper Color System
Philosophy and Commission Sections
Generous Negative Space Architecture
Related questions
What kind of designer is this landing page built for?
How does the email capture work in this template?
Is the scroll animation included in the template?
Can this template work for a different creative service practice?
How many projects does the gallery section support?