Quill - Heartwarming Hedgehog Landing Page Template

Quick summary

Quill is a single-page template designed for small hedgehog rescue and adoption services. It pairs a striking full-viewport hero image with a scrollable gallery of resident profiles, each with an arrival story, health badge, and detail panel. The page earns emotional investment first, then converts visitors into adopters or sponsors through well-placed, clear calls to action.

Who this template is for

This template is built for anyone running or supporting a hedgehog rescue operation at a neighbourhood scale. It speaks directly to the people who care about these animals and want a page that feels as warm as the cause itself.

• Small rescue coordinators who rehab injured hedgehogs and match them with adopters
• Wildlife-focused community groups wanting to showcase current residents and local rescue work
• Individuals or families setting up a first rescue page and needing a ready-made, emotionally resonant layout

What problem this template solves

Most animal rescue pages ask for a donation before they give you a reason to care. Visitors land on a generic appeal, feel no connection, and leave. Quill reverses that sequence entirely.

• It introduces named animals with arrival stories and recovery photos before any ask appears
• It makes the cause feel local by mapping rescue locations to real neighbourhood streets
• It separates the path for committed adopters from the lighter "Sponsor a Hoglet" entry point, so no visitor feels pressured too soon

What you get with this template

Quill delivers a fully structured single-page layout purpose-built for hedgehog rescue storytelling. Every section serves a specific role in moving a visitor from curiosity to commitment.

• A full-viewport macro hero with a hand-lettered headline and warm shallow-focus photography treatment
• A rounded-hexagon resident gallery with individual detail panels, recovery timelines, and weight-gain chart illustrations
• A sticky bottom call-to-action bar, a neighbourhood rescue map section, and a community adopter gallery to close the page

Feature list

This template includes purpose-designed components that serve the emotional and practical needs of a hedgehog rescue landing page.

Macro Close-Up Hero Header

The header fills the entire viewport with a tight hedgehog portrait. Individual spines, a wet pink nose, and one curled paw are visible. A hand-lettered headline drifts up from below after the initial image moment lands.

Resident Gallery with Hexagon Cards

Each current resident appears in a rounded-hexagon portrait card. The card shows the hedgehog's name, a one-line arrival story, and a colour-coded health-status badge so visitors immediately understand each animal's situation.

Sliding Detail Panel with Recovery Timeline

Clicking any resident card opens a side panel. Inside, recovery photos are arranged as a visual timeline, weight-gain progress is shown in a playful illustrated chart style, and personality notes add warmth and specificity to every profile.

Neighbourhood Rescue Map Section

Dotted-line paths connect pinned rescue locations across a local map view. This section makes the cause feel hyperlocal, showing visitors that these hedgehogs came from their own streets, parks, and gardens.

Sponsorship Path for Intensive-Care Cases

Hedgehogs still in intensive care are presented with a secondary call to action: "Sponsor a Hoglet." A suggested contribution of £3 per month is framed beside a mealworm-cost comparison, making the ask feel tangible and low-commitment.

Sticky Bottom Call-to-Action Bar

After the first scroll, a persistent bottom bar displays the primary "Meet Your Hedgehog" call to action. It stays visible throughout the rest of the page so the route to the adoption application is always one tap away.

Page sections overview

Design & branding system

Quill uses a Playful Geometric visual theme built on a Soft Mist colour palette. The result feels like a dewy allotment at early morning: soft, alive, and grounded in nature.

• Colours include morning fog gray (#E8E4DF), hedgerow moss (#A8B5A2), warm paw pink (#D4A9A0), deep burrow brown (#3E3229) for body text, and dandelion yellow (#E8C547) reserved exclusively for buttons and interactive badges
• Geometric motifs echo natural hedgehog forms: soft hexagons mirror spine patterns, rounded triangles and dotted pathways frame photos and divide sections without feeling clinical
• Photography uses shallow depth of field throughout, dissolving backgrounds into warm bokeh so the animal in focus always commands full attention

Mobile & speed optimization

The layout is structured with a single-page scroll flow that adapts naturally to smaller screens. Detail panels, gallery grids, and map sections are all designed to work within a compact viewport.

• The hexagon gallery grid and sliding detail panels are sized for comfortable touch interaction on phones and tablets
• The sticky bottom call-to-action bar is especially useful on mobile, keeping the primary action reachable without requiring the visitor to scroll back up

How this template helps you convert

Quill is built on a deliberate emotional sequence. Visitors are never asked to act before they have a reason to care.

1. Each resident profile builds personal attachment through a name, a story, and a recovery arc before the "Meet Your Hedgehog" call to action appears beneath the detail panel
2. The sponsorship path for intensive-care cases offers a lower-commitment option at exactly the right moment, turning visitors who are not ready to adopt into active monthly supporters

Other information about this template

Quill is suited to any rescue or rehoming service that wants to lead with individual animal stories rather than broad charity messaging. It works equally well for a one-person backyard operation and a small registered wildlife charity.

• The template is categorised under Pet and Animal services, within the Hedgehog Services subcategory, making it a focused fit for hedgehog rescue and adoption work
• The colour system, geometric shapes, and photography style can be adapted to reflect a specific rescue's name, location, and resident roster without rebuilding the layout
• The click-through structure routes visitors to a separate adoption application page, keeping this landing page focused entirely on storytelling and emotional connection

Show more