Screenshot of Homerun

Homerun

www.homerun.co

The reference for friendly HR/recruiting platforms with chunky 70s-display typography — warm cream + brown text + saturated CTA, real product UI in hero, pink customer-love mode-flip.

Hr Platform Ats Recruiting Software strong

Design tokens

cream
white
lightSlate
brownText
brownDeep
brownDeeper
brownMute
black
royalBlue
pink
periwinkle
atsGreen
display
Oliver, sans-serif (paid chunky display)
displaySans
'GT Walsheim', sans-serif (paid Grilli Type)
body
'GT America', sans-serif (paid Grilli Type)
mono
(none on homepage)

Do / Don't

Reference it for

  • Warm cream #f5f1ec page background — warmer than typical white-grey systems
  • Brown-chocolate text #4a3e3e (body) + #2d2323 (emphasis) — much warmer than typical near-black
  • Royal blue #4f75fe CTA pill — pure saturated brand colour
  • Oliver display font (or similar chunky 70s-style rounded sans) at 82px weight 900 for hero H1
  • Three-family stack: GT America (body) + GT Walsheim (display sans) + Oliver (chunky display)
  • Four weights including 900 (black) for hero impact
  • Real product UI in hero at full fidelity — candidate cards, status pills, charts, photo avatars
  • Dual-mode product toggles in nav — "ATS Organise your hiring" + "HR Manage your team" pill badges

Do not copy

  • The GT America, GT Walsheim, Oliver font licences (paid Grilli Type + display foundry)
  • The "Beautiful HR tools for modern teams" copy phrasing
  • The HOMERUN wordmark with underline
  • The "HOMERUN THE CLUB" medallion badge
  • The royal blue #4f75fe exact hue
  • The pink #f5cdfe exact hue
  • The Pam Halpert example name (likely a Dwight Schrute / The Office reference)
  • The Christopher Peterson example candidate

Signature moves

warm cream plus chunky 70s display

a warm cream #f5f1ec ground with chocolate-brown text (#4a3e3e body, #2d2323 emphasis) and a chunky 70s-style display at 82px weight 900 over a royal-blue #4f75fe CTA pill reads friendly and confident.

real product UI in hero

full-fidelity product UI (candidate cards, status pills, charts, avatars) sits in the hero, plus dual-mode product toggles in the nav.

pink mode-flip customer section

a pink section (#f5cdfe) flips the mode for a playful "customer love" block with a circular medallion badge, balanced by a chocolate-brown closing CTA card with chunky H2 and dual CTAs.

Related references

Screenshot of Adaline

Adaline

strong

Developer Tool

an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.
Screenshot of Dub

Dub

strong

Developer Tool

The reference for open-source link-attribution platform — pure black/white monochrome with Satoshi + Inter, real dashboard hero, dotted-grid integration map, 48-keyframe motion library.
Screenshot of Slack

Slack

flagship

Saas Product

a post-Salesforce-acquisition product flagship where the iconic aubergine `#611f69` survives as the primary CTA, Salesforce-Sans replaces Lato, and a 30-keyframe motion library powers the "workspace-people-bump" avatar animations that have always been Slack's brand signature.
Screenshot of Clerk

Clerk

strong

Developer Tool

The reference for auth-platform / dev-tools at peak monochrome restraint — pure black on white, Suisse + Geist Numbers + Söhne Mono, letter-reveal hero animation.