Screenshot of Bright Horizons

Bright Horizons

www.brighthorizons.com

a large early-education and childcare provider whose site leads with a warm deep-teal and sunshine-yellow palette over happy children's photography, the rounded Mulish sans throughout, a tabbed audience-routing hero, and a clear, trust-led grid of pathways for parents and employers.

Childcare Education Early Education strong

Design tokens

teal-deep
teal-700
teal-mid
yellow
ink
text-grey
gray-100
gray-200
gray-850
white
display
Mulish (Muli)
body
Mulish (Muli)
mono
none

Do / Don't

Reference it for

  • A trust-led childcare/education palette: warm deep teal plus sunshine yellow on white, friendly and reassuring without being childish.
  • A tabbed, audience-routing hero panel that serves two audiences (parents, employers) from one block.
  • Clear pathway cards under the hero so the next step is always obvious, the reference pattern for a multi-audience service.
  • A tokenised spacing scale (8-112px) and 1280px container for a tidy, maintainable content site.
  • The rounded, humanist Mulish sans as a single warm, legible family for an education brand.

Do not copy

  • The Bright Horizons logo, the sun mark and the specific teal/yellow combination are the brand's identity; rebuild with the client's own palette.
  • Mulish is open-source (borrowable), but the icon-heavy FontAwesome dependency is heavy; do not import 249 font faces.
  • The dense, enterprise multi-audience navigation suits a national provider; a single local centre should simplify it.

Signature moves

tabbed audience-routing hero

one hero block serves two audiences (parents, employers) via a tabbed panel, so a multi-audience service routes from a single composition without separate heroes.

trust-led teal-plus-yellow education palette in one rounded humanist sans

a warm deep teal plus sunshine yellow on white reads friendly and reassuring without being childish, carried entirely by the rounded humanist Mulish sans across a 16-step scale (10-48px) with pill (100px) and soft radii.

pathway-card grid under the hero

clear pathway cards sit directly under the hero so the next step is always obvious, the reference pattern for a multi-audience service, on a tidy 8-112px spacing scale and 1280px container.