Collie is a hero-dominant landing page template built for a border collie health and genetics blog. It combines a community photo mosaic header, an interactive genetics explainer, and a curated marketplace into one warm, editorial layout. The design uses a soft mist color system and Fraunces serif typography to make complex health data feel approachable and trustworthy.
by Rocket studio
Collie is a single-page community blog and marketplace template for border collie owners. It leads with a full-viewport user-submitted photo wall, flows into an interactive genetics explainer, and converts visitors through a newsletter signup and curated product marketplace. The tone is warm and editorial, and the layout is built to earn trust before it asks for anything.
This template is made for people who take border collie health seriously. Whether you are just starting out or have been breeding for years, the layout speaks your language.
Border collie health information is scattered, clinical, or buried inside generic pet forums. Owners need a focused space that presents complex genetics and orthopedic data in a way that feels human and reliable.
You get a fully structured, single-page layout that moves visitors from discovery to action through texture, warmth, and well-placed trust signals. Every section has a clear purpose and a clear next step.




Theme
Community Hearth
Creative direction
Sensory Appeal
Color system
Soft Mist
Style
Hero-Dominant (90/10)
Direction
Marketplace/Multi
Page Sections
UGC Photo Mosaic Hero
Interactive Genetics Explainer
Drag-to-compare Hip Radiograph Slider
Trust-first Newsletter Signup
Marketplace Product Cards with Vet Citations
Health-tiered Breeder Directory
Who is this template designed for?
Can I customize the color palette and typography?
How does the interactive Punnett square work in the template?
Does the template include the product card content or just the layout?
Is the newsletter form connected to an email platform out of the box?
This template ships with purpose-built components that match the depth of the subject matter.
The header fills ninety percent of the viewport with a tiled mosaic of community-submitted border collie photos. A gentle parallax drift animates the images on scroll, and a single handwritten-style headline floats over the center.
A close-up eye transition leads into a visual genetics section. Visitors can tap a Punnett square to toggle alleles and explore MDR1 and merle coat inheritance in a hands-on way without needing a biology background.
A tactile drag-to-compare slider places a healthy hip radiograph beside a dysplastic one. The component makes a clinical subject immediately understandable and builds credibility for the health-focused content around it.
The "Join the Pack" signup form appears right after the genetics explainer, when visitor trust peaks. It asks only for a first name and email address, and a sample digest preview sits beside the form to show what subscribers receive.
DNA test comparison cards and joint supplement cards each carry individual "Compare Tests" and "See Protocol" call-to-action buttons. Embedded vet citations and community ratings sit directly on each card rather than behind a separate page.
A directory section previews breeders filtered by health-testing tier, with visible tier badges. Member testimonials and a community member count provide social proof that grounds the directory in real participation.
| Section | Purpose |
|---|---|
| Hero Photo Mosaic | Opens with community dog photos and handwritten headline to set warmth and trust immediately |
| Genetics Explainer | Walks visitors through MDR1, COI, and merle genetics using interactive visuals and a Punnett square toggle |
| Newsletter Signup | Captures name and email at the moment trust peaks, with a sample digest preview beside the form |
| DNA Test Marketplace | Shows comparison cards for DNA kits with vet citations and a "Compare Tests" button on each card |
| Supplement Shop | Presents joint and health supplement cards curated by veterinary geneticists with a "See Protocol" button |
| Breeder Directory Teaser | Previews a health-tier-filtered directory with tier badges and member testimonials |
| Page Footer | Splits logo and tagline left, navigation links right, using the Arc Browser Split pattern |
The Soft Mist color system gives the page the feel of a dewy pasture at dawn. Warm tones make medical content feel safe to read, and muted accents keep the focus on substance rather than spectacle.
The template is built desktop-first but adapts thoughtfully for mobile users. Border collie owners frequently search for health information on their phones during vet visits, so the layout stays readable and functional at smaller sizes.
Every layout decision reduces friction and builds trust before asking visitors to act. The conversion flow follows the natural emotional arc of a first visit.
This template suits any publisher building a trusted niche resource in the pet health space. The Community Hearth theme and Sensory Appeal creative direction make it a strong fit for subject matter that blends emotional community and factual depth.