Peloton

Peloton (onepeloton.com) is a website in the Health & Fitness category. Its homepage is captured as 13 sections, top to bottom: hero, statement, content, statement, features, statement, blog, features and footer. We also captured its pricing, product, customers, about, sign up and blog pages, plus 2 more. The hero leads with “Training that moves with you”.

The capture records a palette of #65666a, #181a1d, #ffffff, #df1c2f, #000000 and #a8acb1. 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. Headings are set in Inter, which it also uses for body copy.

Compared with the 191 other Health & Fitness sites in the library, Peloton sits with the 90% that stay light, and shares the group's most common heading face, Inter. The average Health & Fitness homepage here has 8 sections; this one has 13.

Worth studying here: the hero, for the relationship between imagery, type and navigation, the statement block, for large-type rhythm and the features block, for how benefits are grouped and paced. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.

More references: browse all websites.