Hay

Hay (hay.com) is a website in the Lifestyle category. Its homepage is captured as 2 sections, top to bottom: hero and showcase. We also captured its blog, contact and shop pages.

The capture records a palette of #f2f2f2, #0a0a0a and #000000. The largest share of captured homepage sections uses #f2f2f2 as its CSS background. Suggested token roles are #f2f2f2 for background and #000000 for text; check them against the screenshot. It uses a system font stack.

Compared with the 318 other Lifestyle sites in the library, Hay sits with the 96% that stay light, and the group's most common heading face is Inter. The average Lifestyle homepage here has 8 sections; this one has 2.

Worth studying here: the hero, for the relationship between imagery, type and navigation 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.