Hearth is a modular career page landing page template built for startups that want to stop losing candidates to slicker-looking competitors. It walks visitors through a Problem-to-Solution arc using bento-style card rows, real social proof, and a two-step inline signup form. Your first free career page is live in under sixty seconds.
by Rocket studio
Hearth is a card grid landing page template for startup career page builders. It uses a dark, warm visual identity and a Problem-to-Solution arc to show candidates the real culture behind the job listing. The page drives free trial signups through a two-step inline form, a sticky call-to-action bar, and a live examples gallery.
This template is built for the people most likely to lose a great hire to a prettier careers page. If you are tired of your job listings looking identical to every other company's, Hearth gives you a landing page that actually reflects your team.
Most startup job listings look like they were generated by the same gray corporate machine. Candidates scroll past them because nothing signals culture, personality, or honesty. This template addresses that gap directly by framing the problem before offering the solution.
You get a fully structured, modular landing page that moves visitors from recognizing their problem to signing up for a free trial in one scroll. Every section is purpose-built for the startup hiring context.




Theme
Community Hearth
Creative direction
Problem→Solution Arc
Color system
Dopamine Pop
Style
Card Grid (Modular)
Direction
Freemium/Trial
Page Sections
Problem-to-solution Bento Card Grid
Two-step Inline Signup Form
Sticky Bottom Call-to-action Bar
Live Examples Gallery with Per-card Signups
GSAP Scrolltrigger Animation Layer
Community Hearth Visual Identity
Who is this template designed for?
Can I customize the card rows and color palette?
How does the two-step signup form work?
Is this template desktop-first or mobile-friendly?
What animations does this template include?
This template includes purpose-built components that guide a skeptical hiring leader from problem awareness to free trial signup without friction.
Three escalating card rows show the before-and-after contrast that makes the value proposition click. The first row displays generic applicant tracking system screenshots, a stat card, and a founder quote. The second row rebuilds those same scenarios inside Hearth with team photos and embedded video. The third row scales to full branded portals and analytics dashboards.
The primary conversion path asks only for a company name and work email in step one. Step two lets the visitor pick a starter template style from three options: Minimal, Bold, or Playful. The goal is a tangible first career page in under sixty seconds.
A persistent bar appears at the bottom of the viewport after the visitor scrolls past the third card row. It carries the primary call-to-action without interrupting the reading flow, keeping the signup prompt visible at the exact moment intent peaks.
A scrollable gallery shows real customer career pages, each one clickable. Every card in the gallery ends with its own "Start with this template" button, giving visitors a direct path from inspiration to action.
The page uses GSAP ScrollTrigger reveals, counter animations on stat cards, a cursor parallax effect on the hero, and a marquee element. These animations make the Problem-to-Solution arc feel like a live reveal rather than a static page.
The Dopamine Pop color palette uses deep charcoal backgrounds, electric coral primary actions, vivid marigold accents, and crisp off-white card surfaces. Typography combines DM Sans for headlines, JetBrains Mono for stats and labels, and Fraunces for pull quotes.
| Section | Purpose |
|---|---|
| Hero split layout | Introduces the core problem and primary call-to-action |
| Problem card row | Shows the ugly status quo with real screenshots and stats |
| Solution card row | Reveals the same scenarios rebuilt inside the tool |
| Scale card row | Demonstrates full branded portals and analytics dashboards |
| Live examples gallery | Builds trust with real customer pages and per-card signups |
| Sticky call to action bar | Keeps the free trial prompt visible after the third row |
| Footer row | Closes with a clean single-row linear layout |
The visual identity is built around a Community Hearth theme using a Dopamine Pop color system. The goal is a dark, energetic feel that reads as serious work dressed in a playful, high-contrast skin.
The template is built desktop-first to serve the primary audience of Heads of People evaluating on a work laptop. It also maintains solid, usable mobile layouts so candidates checking the link on their phones get a complete experience.
The page is designed specifically for a Freemium-to-Trial conversion path. Every structural decision removes a reason not to sign up.
This template sits at the intersection of employer branding, startup career page design, and conversion-focused landing page architecture. It is categorized under HR and Hiring, specifically within the Employer Branding and Career Page subcategory.