Lumens - Dramatic Landscape Landing Page Template
Lumens is a hero-dominant landing page template built for residential landscape lighting companies. A full-bleed dusk photo opens the page at ninety percent of the viewport. Four spatial sections guide visitors through a lit property, zone by zone. The single goal is clear: move every visitor toward booking a free night lighting demonstration.
by Rocket studio
Quick summary
Lumens is a single-page, click-through landing page template for landscape lighting contractors. It opens with a dramatic full-bleed dusk photo and walks visitors spatially through four property zones. Every design choice reinforces warmth, craft, and trust. The only action on the page is a consultation booking click, keeping the conversion path simple and focused.
Who this template is for
This template is built for businesses that install low-voltage outdoor lighting on residential and commercial properties. It speaks directly to the people doing the work and the clients spending real money on it.
- Landscape lighting contractors who want a polished web presence without building from scratch
- Homeowners or property managers reviewing service providers before booking a consultation
- Landscape architects who need a reference for how a lighting crew presents its portfolio online
What problem this template solves
A beautifully renovated yard disappears after sundown. Most landscape contractors cannot show clients what a lit property actually feels like before committing to a project. This template solves that by creating a visual, spatial experience that does the convincing for you.
- Visitors mentally walk through a lit property before ever speaking to a salesperson
- The page builds trust zone by zone, removing the hesitation of committing without seeing results
- A single prominent call to action keeps the sales path clean and distraction-free
What you get with this template
You get a complete, ready-to-customize landing page designed specifically for outdoor and landscape lighting services. Every section is purpose-built, and nothing is left as a generic placeholder.
- A full-bleed hero section occupying ninety percent of the viewport with a dramatic dusk property photo
- Four spatial content sections covering the approach, facade, living space, and tree canopy zones
- A sticky call-to-action button fixed to the bottom of the viewport on scroll, always visible
Feature list
This template ships with purpose-driven components that reflect how landscape lighting work is sold and understood.
Full-Bleed Hero Section
The hero fills ninety percent of the viewport with a wide-angle dusk shot of a real residential property. Path lights, uplights on mature live oaks, a grazing light across a limestone facade, and soft step lights under a pergola are all visible. The headline "Your Yard, After Dark." fades in over the darkest section of the ground plane.
Spatial Zone Progression
Four content sections move the visitor through a property the way light moves through a yard. Each zone covers the approach, the facade, the outdoor living space, and the tree canopy. This spatial flow makes the scroll feel like a guided tour rather than a list of services.
Fixture Detail Copy Blocks
Each zone pairs a single dramatic photo with a short paragraph naming the fixture type, beam angle, and wattage. The language reads like a confident spec sheet, reinforcing professional credibility without overwhelming a non-technical homeowner.
Sticky Call-to-Action Button
The "Schedule Your Night Demo" button appears first beneath the hero and then locks to the bottom of the viewport on scroll. It stays visible throughout the entire page in lantern amber, creating a constant low-pressure prompt to book without interrupting the visual story.
Forest Trust Color System
The palette uses deep loam black for all backgrounds, cedar bark brown for card frames and secondary containers, lantern-glow amber for every button and hover state, and soft lichen gray for body text. Colors are pre-applied throughout every section so the atmosphere stays consistent from top to bottom.
Service Utility Theme Structure
The template follows a service utility layout that prioritizes clear information delivery over decorative complexity. Section flow is logical and skimmable, helping both a busy homeowner and a specifying landscape architect find what they need quickly.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Full-Bleed | Establish atmosphere and introduce the headline call to action |
| Approach Zone | Showcase driveway and entry path lighting with fixture detail copy |
| Facade Zone | Present wall wash and soffit downlight work on the home exterior |
| Living Space Zone | Display patio, pergola, and pool-edge lighting scenarios |
| Canopy Zone | Highlight tree uplighting and moonlight-down fixture installations |
| Sticky call to action Bar | Keep the booking button visible throughout the full scroll experience |
Design & branding system
The visual identity uses a Forest Trust color system that feels like a well-maintained trail at twilight. Every color choice reinforces warmth and groundedness without competing with the lighting photography itself.
- Loam black (#1A1A14) anchors every background, cedar bark brown (#5C4033) frames cards and containers, lantern amber (#E2A84B) activates all buttons and hover states, and lichen gray (#D2CDC4) keeps body text legible
- The Spatial and Architectural creative direction means each scroll step moves the visitor through a distinct outdoor zone, reinforcing the sense of a real property walkthrough
- The overall mood is warm, confident, and grounded, matching the Service Utility theme without ever feeling clinical or cold
Mobile & speed optimization
The template is designed to translate the dramatic full-bleed visual experience onto smaller screens without losing atmospheric impact. Layout decisions at every section support clear viewing on phones and tablets.
- The hero photo and headline stack cleanly on mobile viewports, keeping the dusk atmosphere fully intact at smaller sizes
- The sticky call-to-action button remains anchored to the bottom of the viewport on all screen sizes, so the booking prompt is never out of reach
- Zone sections reflow from side-by-side layouts into single-column stacks on narrow screens, keeping photo and copy paired and readable
How this template helps you convert
The entire page is designed around a single conversion event: getting the visitor to click through and book a free night lighting demonstration. Every structural decision supports that goal.
- The hero creates immediate emotional impact. A visitor sees a transformed property within seconds and begins imagining their own yard, which is the most powerful pre-sales move possible before a word is read.
- The four spatial zones build evidence progressively. By the time a visitor reaches the canopy section, they have seen four distinct property areas transformed by professional lighting, and their confidence in the result is high enough to take action.
- The sticky "Schedule Your Night Demo" button eliminates friction at the moment of decision. The click lands directly on a calendar booking tool, with no form, no commitment, and no barrier between interest and action.
Other information about this template
This section covers additional practical details about the Lumens template that are useful when evaluating it for your project or customizing it for a specific brand.
- The template is built for a click-through flow, meaning the page has no embedded form and relies entirely on a single outbound click to a calendar booking tool
- The night demonstration concept built into the call-to-action copy is a low-risk offer for the client: the crew visits after dark and temporarily lights the property before any purchase is made
- The target audience includes homeowners who have completed significant outdoor renovation work, property managers responsible for walkway and liability lighting, and landscape architects who specify fixtures and need a reliable installation team
- The hero-dominant structure means roughly ninety percent of the initial viewport is occupied by the full-bleed photo, with supporting content sections beginning below the fold
- Color values are fixed in the template at loam black #1A1A14, cedar bark brown #5C4033, lantern amber #E2A84B, and lichen gray #D2CDC4, making brand consistency straightforward to maintain across all sections




Theme
Service Utility
Creative direction
Spatial & Architectural
Color system
Forest Trust
Style
Hero-Dominant (90/10)
Direction
Click-Through
Page Sections
Full-bleed Dusk Hero
Spatial Zone Scroll Flow
Fixture-detail Copy Blocks
Sticky Booking Button
Forest Trust Color System
Service Utility Page Structure
Related questions
Does this template include a contact form?
Can I replace the hero photo with my own project photography?
How many times does the call-to-action button appear on the page?
Is this template suitable for landscape architects as well as contractors?
What is the night demo concept referenced in the call-to-action?