Rabbit & Small Animal Pricing Website Template

Quick summary

Burrow is a single-page adoption landing page template for rabbit, guinea pig, and chinchilla rescues. It leads with a mosaic photo wall, moves into a playful card grid of adoptable animals, and closes with tiered adoption pricing. The layout is warm, community-driven, and built to turn a casual scroll into a completed adoption form.

Who this template is for

This template is made for volunteer-run small animal rescues that rely on personality and story to find the right homes. It suits organizations that have real photos, real animals, and real quirks to share.

• First-time adopters who are curious but need a nudge to commit
• Experienced house-rabbit owners looking to adopt a bonded pair
• Rescue coordinators who want a page that does the emotional heavy lifting for them

What problem this template solves

Most rescue pages bury the animals in long application forms and generic shelter language. Visitors leave without connecting. Burrow flips that approach entirely.

• It leads with personality, not paperwork, so visitors bond before they browse
• It removes layout friction by putting adoption buttons on every animal card
• It captures fence-sitters with a monthly sponsorship option that earns its ask through scroll

What you get with this template

You get a fully designed, section-complete landing page that covers the full adoption journey from first impression to form submission. Every component ships ready to customize with your own animal photos and copy.

• A shuffling UGC photo wall header with a hand-lettered headline overlay
• A modular flip-card grid with hover animations, surprise break cards, and a sound toggle
• Tiered adoption pricing cards, an inline form modal, and a delayed sticky sponsor bar

Feature list

Shuffling UGC Photo Mosaic Header

The header fills the full viewport with adopter-submitted photos pinned at casual angles, like snapshots on a corkboard. On load, tiles gently shuffle, and one random tile flips every few seconds to reveal a new arrival animal. A hand-lettered headline sits centered over the mosaic.

Personality-First Flip Card Grid

Each animal card shows a name, a candid photo, and one absurd true detail about the animal. On hover, the card flips to reveal a before-and-after photo pair: intake day on one side, now on the other. The grid uses a modular layout that scales cleanly as your roster changes.

Surprise Break Cards

Every third or fourth card in the grid breaks the pattern. A break card might show a volunteer's handwritten thank-you note, a live adoption counter ticking upward, a fun fact, or a hidden sound toggle that plays a real recorded purr or wheek. These interruptions keep visitors engaged longer.

Inline Adoption Form Modal

Clicking any adoption button opens a form directly on the page, without a redirect. The form asks for the visitor's name, housing type, and one required question about baseboards, complete with a playful tooltip explaining why it matters.

Tiered Adoption Pricing Cards

The bottom of the page presents three clear adoption options. A single adoption is priced at $75. A Starter Bundle at $120 includes an enclosure setup guide, a first vet visit voucher, and a hay subscription trial. A Bonded Pair package covers two animals for $130.

Delayed Sticky Sponsor Bar

A "Sponsor a Bun" bar at $15 per month appears only after the visitor has scrolled past five animal cards. The timing is intentional: the animals make the case first, then the ask appears. This keeps the secondary call to action from competing with adoptions too early.

Page sections overview

Design & branding system

The visual identity follows a Community Hearth theme built around a Citrus Burst color system. The palette feels handmade and warm, like a jar of homemade preserves on a sunny windowsill. Typography uses DM Serif Display for headlines and Plus Jakarta Sans for body text.

• Clementine orange (#FF6D2E) on primary buttons and adoption badges; grapefruit pink (#FF8A80) on hover states and featured ribbons
• Soft lemon cream (#FFF4CC) as the page background; deep marmalade brown (#5C3D2E) for body text and card borders
• Card borders and photo tiles use tilted angles and casual overlap to reinforce the organic, community-made feel

Mobile & speed optimization

This template is designed mobile-first, reflecting how most adopters browse at events and in shelters on their phones. Animations are built using CSS transforms to keep card flips smooth. The adoption counter uses Intersection Observer so it only triggers when it enters the viewport.

• Card grid stacks into a single column on small screens without losing the flip interaction
• The sticky sponsor bar and inline form modal are both touch-friendly and sized for mobile viewports
• The mosaic header scales responsively, keeping the headline centered and legible at any screen width

How this template helps you convert

The page is structured so every scroll moment builds toward a decision. Visitors do not hit a cold form before they have connected with an animal.

1. The photo wall and personality cards create emotional investment before any button is visible, so the $75 adoption button lands after trust is already built.
2. The delayed sticky bar separates the sponsorship ask from the adoption ask, preventing the two calls to action from competing and letting each one perform on its own.

Other information about this template

This template is designed for United States-based rescue organizations using USD pricing and standard date formatting. It fits nonprofits that operate on community goodwill and volunteer photography rather than polished studio shoots.

• The Surprise and Delight creative direction means the layout intentionally subverts scroll rhythm to hold attention longer
• The card grid is modular, so adding or removing animals does not break the layout structure
• The template style is a Card Grid layout with a UGC Photo Wall header, suited to rosters that change frequently

Show more