Refer - Authoritative Afterschool Landing Page Template

Refer is a single-page partnership landing page built for after-school programs seeking school district administrators, PTA leaders, and community center directors as referral partners. It uses a Legal Shield visual theme with an Ink & Paper color system to present a structured three-tier partnership comparison table alongside regional program directors and simplified key agreement terms.

by Rocket studio

Quick summary

Refer is a B2B-focused landing page for an after-school referral program. It presents three partnership tiers in a side-by-side comparison table, introduces regional program directors with portrait photographs and short bios, and closes with a simplified partnership agreement section. The design feels like a printed memorandum of understanding: authoritative, unhurried, and built for serious institutional partners.

Who this template is for

This template is built for after-school program operators who need institutional partners, not individual sign-ups. The page speaks directly to decision-makers who evaluate programs carefully before committing.

  • School district administrators managing Title I compliance and enrichment budgets
  • PTA board presidents researching structured after-school options for their school community
  • Community center directors looking to fill afternoon programming slots with a vetted referral partner

What problem this template solves

Most after-school programs struggle to convert institutional partners because their pages feel either too casual or too transactional. Decision-makers need to see terms, people, and structure before they take any next step.

  • The page shows partnership tiers, referral commission details, and key agreement terms upfront
  • Visitors meet the humans behind the program before any form appears, building real trust
  • Two distinct conversion paths serve both ready-to-commit partners and those who need board approval first

What you get with this template

This template gives you a complete single-page referral partnership flow, from headline to form. Every section is purpose-built to reduce hesitation and move institutional visitors toward a decision.

  • A centered giant headline section with a stark cream-and-black contrast and a one-line commission summary in margin-note gray
  • A three-tier comparison table covering referral rate, co-branding rights, dedicated liaison, reporting dashboard access, and exclusivity radius
  • A portrait-led team section, a simplified agreement terms section, a primary request form, and a gated one-pager download path

Feature list

This template is purpose-built for partnership conversion. Every layout decision serves that goal.

Three-Tier Partnership Comparison Table

The core of the page is a side-by-side table comparing Community Partner, District Partner, and Anchor Partner tiers. Rows cover referral rate, co-branding rights, dedicated liaison availability, reporting dashboard access, and exclusivity radius so every visitor can self-select the right fit.

Giant Headline with Commission Summary

The header section uses stark black serif type on unbroken cream. A single line of gray subtext immediately below states the referral commission structure in plain numbers, setting expectations before the visitor has scrolled a single pixel.

Below the comparison table, portrait photographs of regional program directors appear with their name, territory, and a one-sentence professional background. This section makes the program feel staffed, accountable, and real to institutional partners.

Simplified Partnership Agreement Section

The final scroll section presents key agreement terms as clean typographic blocks. The language is plain and readable, not legal boilerplate. Visitors feel they understand the deal before any form asks for their information.

Dual Conversion Path Design

The primary call to action, "Request a Partnership Packet," appears beneath the comparison table and again in a slim fixed top bar after the first scroll. A secondary path offers a gated "Download the One-Pager" for administrators who need to present internally before committing.

Focused Partnership Request Form

The inline form collects only what is necessary: organization name, role or title, estimated annual referral volume via a dropdown (10 to 50, 50 to 200, or 200 and above), and preferred contact method. No unnecessary friction for a B2B audience.

Page sections overview

SectionPurpose
Headline HeroEstablishes the referral deal in stark, centered type with commission figures in a single subtext line
Partnership Tier TableCompares three partner levels across five key rows so visitors can self-qualify quickly
Regional Director GalleryIntroduces named program directors with territory and background to build human accountability
Agreement Terms BlockPresents key partnership terms as plain typographic copy so visitors feel informed before signing
Primary Request FormCollects organization details and referral volume estimate to qualify inbound partnership leads
One-Pager DownloadOffers a gated PDF for administrators who need board approval before making a commitment

Design & branding system

The visual identity follows a Legal Shield theme built on an Ink & Paper color system. Every color choice reinforces the feeling of a freshly printed, authoritative document rather than a digital sales page.

  • Deep document black (#1A1A2E) carries all body text; contract-weight cream (#FAF3E0) dominates backgrounds like bond paper
  • Clause-highlight gold (#C9A227) marks key figures, tier highlights, and interactive hover states throughout the table and calls to action
  • Margin-note gray (#6B7280) handles secondary annotations, subtext, and footnote-style details including the commission summary line

Mobile & speed optimization

The layout is structured to remain readable and scannable on smaller screens. The comparison table and portrait gallery are each designed with compact, scrollable presentation in mind.

  • The comparison table adapts to a stacked or horizontally scrollable view on narrow screens for clear tier-by-tier reading
  • Portrait sections and typographic agreement blocks reflow cleanly into single-column layouts without losing hierarchy or visual weight

How this template helps you convert

The page is built around a single principle: show the terms before asking for the signature. Transparency is the conversion engine, and every design decision serves that logic.

  1. The fixed top bar call to action keeps "Request a Partnership Packet" visible after the first scroll, reducing the need to hunt for the next step
  2. The simplified agreement section removes the anxiety of unknown terms, making it easier for institutional visitors to say yes or proceed to the gated one-pager for internal review

Other information about this template

This template is a strong fit for after-school program operators who work with Title I schools, community enrichment programs, or neighborhood-based structured learning initiatives. It handles the full B2B referral partnership conversation in a single scroll.

  • The Legal Shield theme and Ink & Paper palette are particularly effective for audiences accustomed to formal procurement and vendor-vetting processes
  • The $40-per-enrolled-family commission structure and quarterly payout model are presented in plain language as the headline's supporting subtext, not buried in fine print
  • The three partnership tiers (Community Partner, District Partner, and Anchor Partner) allow operators to segment inbound interest by organization size and referral capacity before any conversation begins
  • The template suits programs operating across multiple territories, since the director gallery is designed to scale across several regional profiles
Refer - Authoritative Afterschool Landing Page Template
Refer - Authoritative Afterschool Landing Page Template
Refer - Authoritative Afterschool Landing Page Template
Refer - Authoritative Afterschool Landing Page Template

Theme

Legal Shield

Creative direction

Team & People

Color system

Ink & Paper

Style

Comparison Table

Direction

Partnership/B2B

Page Sections

Three-tier Partnership Comparison Table

Giant Headline with Commission Summary

Regional Director Portrait Gallery

Simplified Partnership Agreement Section

Dual Conversion Path Design

Focused Partnership Request Form

Related questions

Who is this landing page template built for?

What partnership tiers does the comparison table cover?

Can administrators share this page internally before committing?

What does the partnership request form collect?

What does the fixed top bar call to action do?