Hobby & Passion Content Online Blog Website Template
Sundew is an editorial landing page template built for carnivorous plant blogs and growing communities. It pairs a scrapbook-style collage header with a 60/40 asymmetric grid, long-form guide sections, a species spotlight grid, a reader gallery, and a five-question "Find Your First Carnivore" quiz flow, all styled in a warm, field-journal-inspired editorial palette.
by Rocket studio
Quick summary
Sundew is a single-page editorial template for carnivorous plant growing blogs and communities. It combines a collage-style hero, a 60/40 asymmetric content grid, species trading cards, a community gallery, and a guided quiz that matches visitors to their ideal first plant. Every section is styled like a well-worn field journal come to life.
Who this template is for
This template is built for content creators and community builders working in the carnivorous plant growing niche. It suits anyone who wants to publish long-form guides alongside a lively, reader-driven community experience.
- Beginner growers nursing one plant on a windowsill and looking for trusted guidance
- Experienced collectors and bog garden builders hunting rare species and in-depth care charts
- Bloggers and hobbyist educators who want a visually rich, magazine-weight editorial home base
What problem this template solves
Most blog templates flatten rich, obsessive niche content into generic card layouts. A carnivorous plant growing resource needs a page that feels as alive and tactile as the subject itself, while still guiding new visitors toward the right starting point.
- Generic layouts bury the personality that makes niche communities trust a source
- First-time visitors have no guided path from curiosity to confident plant selection
- Sidebar content, community updates, and long-form guides compete for space without a clear visual hierarchy
What you get with this template
You get a fully designed, section-rich landing page that balances editorial depth with smart visitor guidance. Every layout decision reflects the field-journal creative direction described in the brief.
- A collage-style header with Polaroid-style photographs, angular overlaps, hover rotation animation, and a bold editorial serif headline
- A 60/40 asymmetric grid featuring a flagship guide column alongside a sidebar of community polls, species spotlights, and micro-updates
- A five-question illustrated quiz flow and a secondary plant troubleshooting branch, both gated to a downloadable growing calendar behind an email field
Feature list
This template is built around six distinct functional and visual capabilities drawn directly from the design brief.
Collage Scrapbook Hero
The header layers Polaroid-style plant photographs, a torn notebook page, and a cut-out pitcher cross-section illustration at slight angles over a linen-textured sandstone background. One photo rotates two degrees on hover. The headline "Every Killer Needs a Guide" is set in a bold editorial serif and pinned with an illustrated pushpin icon.
Asymmetric 60/40 Grid Layout
The main content area splits into a wide 60-column flagship guide and a narrower 40-column sidebar. The guide column holds full-bleed plant photography and pull quotes. The sidebar carries community polls, rare species spotlights, and "This Week in the Bog" micro-updates. The rhythm shifts section by section, from wide photo essays to tight care comparison charts to an open member gallery.
Species Spotlight Trading Cards
Plant species are presented as a trading card grid, each card carrying a care difficulty score. Cards feature scroll-reveal animations and tilt interactions. The format suits both beginner-friendly picks and rare highland collector targets.
Five-Question Illustrated Quiz Flow
The primary call to action, "Find Your First Carnivore," launches a five-step illustrated quiz. Questions cover light situation, humidity comfort, watering commitment, climate zone, and aesthetic preference shown as photography pairs. Results tease a personalized species match with a care difficulty score, then gate a downloadable growing calendar behind an email field.
Plant Troubleshooting Branch
A secondary call-to-action path, "Already Growing? Diagnose Your Plant," routes experienced visitors into a separate troubleshooting flow. This branch keeps the template useful for returning growers, not just curious newcomers, broadening the community reach of the page.
Community Gallery and Social Proof Stack
A reader-submitted trap photo gallery sits alongside testimonials stacked like collector trading cards near the bottom of the page. Community poll results add a live-feel social layer. The section reinforces trust through real grower voices and submitted plant photography.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Collage Header | Introduces the brand personality with scrapbook-style visuals and the primary quiz call to action |
| Featured Guide Split | Presents the flagship growing guide in the 60-column with sidebar community content in the 40-column |
| Species Spotlight Grid | Displays plant species as trading cards with care difficulty scores and tilt animations |
| Community Bog Gallery | Showcases reader-submitted trap photos and "This Week in the Bog" micro-updates |
| Quiz Call to Action | Drives visitors into the five-question illustrated quiz or the troubleshooting branch |
| Footer Flow | Closes the page with horizontal pattern footer layout |
Design & branding system
The visual identity follows an Editorial Magazine theme built on the Warm Stone color system. The palette reads as earthy, tactile, and alive, like reaching into a terra cotta pot still warm from afternoon sun.
- Core colors: sun-bleached sandstone (#D4C5A9), wet peat brown (#3B2F2F), dried sphagnum gold (#C9A96E), and trap-red (#A23B34) reserved for interactive elements and key callouts
- Typography pairing: Fraunces bold serif for headlines and DM Sans for body text, giving the page magazine-weight readability at every scale
- Gold accents trace section dividers like pressed botanical borders, and backgrounds alternate between sandstone and deep peat to pace the reading rhythm
Mobile & speed optimization
The template is desktop-first in its layout philosophy, with the magazine grid and collage header designed to shine on wider screens. The responsive stack reorganizes content cleanly for smaller viewports.
- Scroll animations use Intersection Observer triggers and CSS transforms only, keeping motion smooth without heavy JavaScript overhead
- The asymmetric grid stacks into a single readable column on mobile, preserving content hierarchy without losing section identity
- Polaroid hover rotation, card tilts, and the marquee element are designed with CSS-based transforms to maintain layout stability across devices
How this template helps you convert
Every section of the page is arranged to move a visitor from curiosity to commitment, whether they are a first-time grower or a returning collector.
- The collage hero and editorial headline create immediate emotional resonance, earning the attention needed to reach the quiz call to action below
- The "Find Your First Carnivore" quiz delivers a personalized species match and care difficulty score, giving visitors a concrete reason to share their email in exchange for the downloadable growing calendar
- Testimonials, reader gallery photos, and community poll results build trust close to the conversion point, reducing hesitation before the email gate
Other information about this template
This template is a strong fit for niche content publishers who want their editorial personality to lead the experience before any conversion ask appears.
- The footer uses a horizontal flow pattern (Pattern 3, Vercel Horizontal Flow style) for a clean, structured close to the long-form page
- Animation intensity is high throughout: slow-motion GIF support, scroll reveals, Polaroid hover rotation, card tilts, and a marquee strip are all part of the designed experience
- The quiz result page is built to gate the downloadable growing calendar behind an email field with the micro-copy "Send My Growing Plan," supporting list-building goals for the blog




Theme
Editorial Magazine
Creative direction
Curated Collection
Color system
Warm Stone
Style
Asymmetric Grid (60/40)
Direction
Quiz/Assessment
Page Sections
Collage Scrapbook Hero Header
Asymmetric 60/40 Content Grid
Species Trading Card Grid
Five-question Illustrated Quiz
Plant Troubleshooting Branch
Community Gallery and Social Proof
Related questions
Is this template suitable for a beginner with no coding experience?
Can I use this template for a carnivorous plant shop as well as a blog?
How does the illustrated quiz work within the template?
Does the template include the community gallery section?
What fonts does this template use?