Rheem

Rheem (rheem.com) is a website in the Lifestyle category. Its homepage is captured as 6 sections, top to bottom: hero and content. We also captured its product, about, blog, docs, enterprise and contact pages, plus 1 more. The hero leads with “Homeowners”.

The capture records a palette of #ffffff, #e4002b, #1b365d, #000000 and #212529. The largest share of captured homepage sections uses #ffffff as its CSS background. Suggested token roles are #ffffff 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, Rheem 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 6.

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 statement block, for large-type rhythm. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.