Hubspot

www.hubspot.com

The reference for warming up enterprise SaaS: a near-white cream canvas (#fcfcfa), a custom editorial serif headline, and one flame orange (#ff4800) used as functional punctuation rather than decoration.

SaaS Product flagship

Design tokens

background

surface

text

textMuted

accent

border

tone1

tone2

display: HubSpot Serif
body: HubSpot Sans
mono

Do / Don't

Reference it for

Editorial serif display (HubSpot Serif) at ~80px for the hero headline, paired with a neutral sans (HubSpot Sans) for body, swapping the default SaaS sans-only stack for magazine confidence
A single saturated accent (#ff4800) reserved for action only: primary CTA fill, the logo sprocket, and the full-stop period on the headline, never as ambient chrome
Cream-paper canvas (#fcfcfa) and warm parchment surfaces (#f8f5ee) instead of stark white, so the page reads as printed heavy stock
Border-based elevation: 1px hairline borders in low-opacity ink with 16px corner radii, zero drop shadows or blur
Photo hero with a dark scrim and centred white serif headline over a real workplace scene, eyebrow label in small-caps tracked sans above
Dual-CTA pairing: solid orange Get a demo beside an outline-orange Get started free, repeated in the nav and the hero
Generous 64 to 80px vertical section rhythm for a calm, unhurried pace
Utility top bar (language, high contrast, support, contact) sitting above the main nav as a thin secondary row

Do not copy

The HubSpot wordmark and the orange sprocket / dotted-o logo motif
The proprietary HubSpot Serif and HubSpot Sans typefaces (substitute a licensed editorial serif plus a neutral grotesque)
The exact Sprout Orange #ff4800 as a brand-identifying accent
The 'agentic customer platform' positioning language and eyebrow
The multi-hue sprocket gradient (peach to pink to magenta) which is a brand-specific flourish