DEI & Inclusion Directory Website Template

Quick summary

Bridge is a single-page, card-grid landing page template for a neurodiversity employment consultancy. It routes three distinct audiences, neurodivergent jobseekers, parents, and HR directors, through warm, step-by-step guidance. A freemium sign-up flow, flip-card social proof, and a Logo Bar section make this template ready to earn trust from the very first scroll.

Who this template is for

This template is built for consultancies and social-impact services working at the intersection of neurodiversity and employment. It fits teams that need to speak to multiple audiences without losing warmth or clarity.

• Neurodiversity employment consultancies converting jobseekers to free profile signups
• HR-focused service providers routing hiring managers toward an employer inquiry path
• Parents and career coaches supporting neurodivergent adults through the job search process

What problem this template solves

Most hiring-focused landing pages feel clinical and transactional. For neurodivergent visitors already exhausted by masking, that tone kills trust before a single word is read. This template replaces that coldness with a guided, human experience.

• Broken interview loops and high-pressure sign-up forms drive brilliant candidates away
• Generic career pages fail to speak directly to autistic professionals, ADHD creatives, or dyslexic engineers
• HR directors have no clear entry point to learn about neuroinclusive hiring on a jobseeker-first page

What you get with this template

You get a complete, section-led landing page designed around a step-by-step card grid. Every built-in section has a clear role, and the layout scales from a single consultancy to a growing neuroinclusive hiring platform.

• A six-card modular grid with hover-flip panels showing real-person journey stories
• A Logo Bar with partner employer branding and a trust-building headline
• Three audience routing cards for jobseekers, parents, and HR directors
• A sticky call-to-action bar that appears after the third card
• A lightweight freemium sign-up form asking only for first name, optional neurotype, and email
• A stats strip displaying concrete proof numbers around neurodivergent employment outcomes

Feature list

This template delivers specific, built-in components drawn directly from the design brief. Each feature below is included in the page as described.

Six-Phase Step-by-Step Card Grid

Each card in the grid represents one numbered phase of the client journey, from "Discover Your Work Profile" through to "Match With Neuroinclusive Employers." Cards flip on hover to reveal a short, real-person story from someone who completed that step. The scroll feels like encouragement, not escalation.

Freemium Sign-Up Flow

The primary call to action, "Start Your Free Work Profile," appears inside the first card and again in a sticky bar after card three. The form asks only for a first name, one optional and skippable neurotype field, and an email address. No credit card, no employer name, no phone number required.

Logo Bar with Partner Employer Proof

A clean horizontal ribbon sits beneath the headline "They Hired Differently. Then They Hired Brilliantly." It displays recognizable tech and creative firm logos with no autoplay and no animation. The stillness is intentional; it communicates earned trust rather than marketing noise.

Three-Audience Routing Cards

Separate cards route each visitor type to the right path. Jobseekers, parents of neurodivergent adults, and HR directors at mid-size tech firms each see a card written directly for them. The HR card leads to a dedicated employer inquiry flow.

Stats Strip with Employment Data

A dedicated section presents concrete proof numbers, including the 30 to 40 percent unemployment rate among neurodivergent adults and reported productivity gains in neuroinclusive teams. This section grounds the emotional narrative in real, citable evidence.

Sticky Call-to-Action Bar

After the visitor scrolls past the third card, a gentle sticky bar appears at the bottom of the viewport. It holds the primary sign-up call to action without interrupting the reading flow, keeping the conversion path visible at all times.

Page sections overview

Design & branding system

The visual identity is built on the Cloud Canvas color system, which pairs a soft, linen-like background with warm accent tones. The result feels like a well-loved notebook open on a Sunday morning, not a corporate HR portal.

• Background in cumulus white (#F7F5F0), with hearthstone (#C4A882) as the primary accent and slate pencil (#5B6770) for body text
• Reassuring sky-clearing blue (#7BAFD4) reserved for interactive elements, buttons, and progress indicators
• Fraunces serif for headlines and Plus Jakarta Sans for body text, creating warm editorial contrast

Mobile & speed optimization

This template is built mobile-first. Neurodivergent users are disproportionately likely to browse on a phone, so every interactive component is designed for small screens without added friction.

• The card grid reflows into a single-column stack on mobile, keeping the step-by-step sequence intact
• The sticky call-to-action bar is scroll-linked and client-side rendered, keeping static sections lightweight
• Fade-in-up stagger animations and CSS 3D card flips are applied at a medium intensity to avoid sensory overload

How this template helps you convert

The page earns commitment by giving something valuable first. The freemium model and progressive disclosure structure are baked into the layout from section one.

1. The first card places the "Start Your Free Work Profile" call to action at the very top of the journey grid, so the ask appears before any pressure builds.
2. Real-person flip-card stories on each phase card build trust incrementally, so each step feels possible before the next one is shown.
3. The sticky bar keeps the sign-up path visible across the full scroll without interrupting the narrative, catching visitors who are ready to act at any point.

Other information about this template

This template is part of a broader Family First theme direction, which prioritizes warmth, intimacy, and trust over corporate polish. It is well suited to social-impact consultancies, neuroinclusive hiring platforms, and DEI-focused HR services that need to speak to emotionally complex audiences without alienating any one of them.

• The template style is a Card Grid (Modular), making individual sections easy to reorder or extend as the consultancy grows
• The header concept is a Logo Bar, a low-pressure proof format that communicates credibility through stillness rather than animation
• Creative direction follows a Step-by-Step Guide framework, which reduces cognitive load and mirrors the consultancy's own methodology
• The landing page direction is Freemium and Trial, meaning the conversion model is built around trust and generosity before any financial commitment is requested
• The color system is Cloud Canvas, chosen specifically to avoid clinical or corporate associations that could deter neurodivergent visitors

Show more