Marrow - Research Center Landing Page Template

Quick summary

Marrow is a high-interactivity, desktop-first landing page template designed for hematopathology laboratories. The hero section presents a live calculator that estimates consultation timelines based on disorder category, urgency, and specimen count. A step-by-step referral guide follows, walking referring physicians through specimen collection, shipping, analytical pipeline, and report delivery, all styled in a cool, clinical Slate and Sky color system.

Who this template is for

This template is built for specialized medical diagnostic laboratories that serve a professional referring audience. It suits teams that need to communicate diagnostic precision and turnaround speed clearly to busy clinicians.

• Hematopathology centers offering blood smear, flow cytometry, and coagulation cascade analysis
• Laboratory marketing teams converting referring oncologists and primary care physicians into scheduled calls
• Clinical trial coordinators who need to present centralized hematopathology review with a defined turnaround commitment

What problem this template solves

Referring physicians need confidence before they send a specimen. Generic laboratory websites rarely answer the practical questions that matter, how long will it take, what do I send, and how will I get the report? This template addresses all three gaps in a single, scrollable page.

• Clinicians can not quickly assess whether a lab meets their turnaround expectations before making contact
• Referring workflows are opaque, leaving physicians uncertain about specimen prep, chain-of-custody, and report format
• Laboratories lose leads when the only conversion path is a phone call, not every physician is ready to call on first visit

What you get with this template

The template delivers a fully structured, single-page referral conversion experience. Every section is purposefully ordered to move a skeptical clinician from first impression to booked call.

• A 50/50 split-screen hero with a live three-question calculator and a real-time timeline results panel
• A four-step referral journey covering specimen collection, shipping logistics, analytical pipeline, and report delivery
• Two lead capture paths: a booking form for scheduled referral calls and a PDF specimen guide gate for early-stage leads

Feature list

A brief overview of the standout capabilities built into this template.

Live Referral-Readiness Calculator

The hero section is split into two equal panels. The left panel asks three inputs: suspected disorder category, urgency tier, and number of specimens. The right panel updates instantly to show a projected slide review date, a preliminary report window, and a full panel completion estimate. The sky-blue accent pulses on each recalculation, giving the tool a sense of clinical precision in motion.

Four-Step Referral Journey

Scrolling past the hero reveals a structured step-by-step guide. Step 1 covers specimen collection requirements alongside packaging protocols. Step 2 pairs shipping logistics with chain-of-custody tracking. Step 3 presents the analytical pipeline, morphology review, immunophenotyping, and molecular markers, against a visual timeline bar. Step 4 shows report delivery formats and electronic health record integration options.

Dual Conversion Paths

The primary call to action, "Schedule a Referral Call," appears first inside the calculator results panel and repeats after Step 4. The booking form captures referring physician name, institution, preferred callback window, and a free-text clinical context field. A secondary path offers a downloadable specimen guide, gated by email and specialty, for leads who need preparation materials before committing to a call.

GSAP ScrollTrigger Animations

Each referral journey step is revealed using staggered scroll-triggered animations. The calculator recalculation pulse, step reveals, and section transitions are all powered by GSAP ScrollTrigger, giving the page a sense of progressive diagnostic clarity as the visitor scrolls.

Clinical Typography Pairing

The template uses Plus Jakarta Sans for all body copy, navigation, and data labels, paired with Instrument Serif in italic for accent headings. The combination reinforces the medical clarity theme, structured and readable in data-heavy sections, with a touch of considered editorial weight in key headings.

Page sections overview

Design & branding system

The visual identity follows a Medical Clarity theme built on a Slate and Sky color system. Every color choice serves a functional role, nothing decorative for its own sake. The palette feels like a freshly calibrated microscope eyepiece: cool, precise, and clean.

• Deep charcoal slate (#2D3436) for primary text and navigation, clinical sky blue (#5DADE2) as the signature accent, sterile white (#F8F9FA) for open backgrounds, and muted steel (#95A5A6) for secondary type and divider lines
• Plus Jakarta Sans handles all body and data typography; Instrument Serif in italic provides editorial weight in accent headings
• No stock photography of lab coats or stock imagery, the interactive calculator and structured content carry the visual identity entirely

Mobile & speed optimization

This template is designed desktop-first, prioritizing the workstation experience of clinicians reviewing referral options between appointments. The layout is also responsive and adapts cleanly to smaller viewports.

• Static sections are built as Server Components to keep page weight low; the interactive calculator runs as a Client Component to isolate interactivity overhead
• The 50/50 split-screen layout reflows gracefully for tablet and mobile use without breaking the calculator or step-by-step guide structure

How this template helps you convert

Every design decision in this template is oriented toward one outcome: a booked referral call or a captured lead.

1. The live calculator creates immediate, personalized value, a physician who enters their specific case details sees a custom timeline estimate, which builds trust and opens the door to the scheduling call-to-action before they have scrolled a single section.
2. The four-step referral journey removes every practical barrier to referring, by the time a visitor reaches the booking form, they have already seen specimen prep requirements, shipping protocols, analytical scope, and report format, so the ask to schedule a call feels like a natural next step rather than a leap of faith.

Other information about this template

This template was designed specifically for the hematology research center niche within the broader Health and Medical category. It sits at the intersection of medical diagnostic laboratory services and B2B healthcare lead generation.

• The template is localized for English-language use, United States date format, and USD pricing context
• Social proof elements including turnaround metrics, test volume statistics, and accreditation badge placements are included as designated layout zones within the page structure
• The footer follows a Pattern 1 linear single-row layout, keeping the page exit clean and professional
• Animation intensity is set to high, with GSAP ScrollTrigger controlling all scroll-reveal behavior across the referral journey steps

Show more