Hagerty

Hagerty (hagerty.com) is a website in the Shopping category. Its homepage is captured as 9 sections, top to bottom: hero, features, showcase, features, content and features. We also captured its product, customers, about, sign up, log in and blog pages, plus 2 more. The hero leads with “Insurance for drivers of classic and enthusiast cars.”.

The capture records a palette of #edebe7, #ffffff, #82868e, #151518, #b1b4bc and #068dca. The largest share of captured homepage sections uses #151518 as its CSS background. Suggested token roles are #151518 for background and #ffffff for text; check them against the screenshot. Headings are set in Helvetica Neue, which it also uses for body copy.

Compared with the 159 other Shopping sites in the library, Hagerty sits with the 96% that stay light, and the group's most common heading face is Circular, where Hagerty uses Helvetica Neue. The average Shopping homepage here has 7 sections; this one has 9.

Worth studying here: the hero, for the relationship between imagery, type and navigation, the features block, for how benefits are grouped and paced and the showcase, for image scale, grouping and visual emphasis. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.