← back to the gallery

HubSpot: warm editorial customer-platform landing

Tier
inspiration
Roles
hero, explainer, capability, feature, proof, closing, footer
Feel
light, saas, editorial, warm
Motion
reveal, pan
Source
public-site
Site
https://www.hubspot.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/c60350e0-4440-4241-a9f9-b648a9be28ed.mp4
both: https://www.hubspot.com/

What it does

An enterprise software homepage pairs warm lifestyle photography with serif positioning and orange conversion controls. The recorded hero uses a go-to-market message; the current hero instead centers a customer-platform headline above three photographic story panels. Both versions explain the product through platform diagrams, categorized capabilities, integrations and business proof.

Section roster

1. Recorded photographic hero; current centered platform headline. 2. Platform explanation and diagram. 3. Product capability rows. 4. Peach AI feature panel. 5. Integration ecosystem. 6. Business proof and dark closing footer.

Why it works

The serif voice and human photography soften a dense software offer. Repeated orange controls and aligned feature rows give visitors consistent landmarks as the narrative moves between product detail and business outcomes.

Source and capture notes

Refero [style page](https://styles.refero.design/style/3e100552-a8ad-4179-b89a-6aa5113b92e1) and [recorded video](https://images.refero.design/styles/refero.design/video/c60350e0-4440-4241-a9f9-b648a9be28ed.mp4); [live site](https://www.hubspot.com/) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested.