26 sections
Opening…
About this design
Written from the capture data for CrossFit.
CrossFit (crossfit.com) is a website in the Health & Fitness category. Its homepage is captured as 11 sections, top to bottom: content, statement, content, features, content, statement, features and footer. We also captured its about and sign up pages.
The capture records a palette of #ffffff, #1a1a1a, #075dc6, #8e8e93, #b5cfee and #5f5f5f. The largest share of captured homepage sections uses #f2f2f2 as its CSS background. Suggested token roles are #f2f2f2 for background and #1a1a1a for text; check them against the screenshot. Headings are set in PFDIN, body copy in Inter.
Compared with the 191 other Health & Fitness sites in the library, CrossFit sits with the 90% that stay light, and the group's most common heading face is Inter, where CrossFit uses PFDIN. The average Health & Fitness homepage here has 8 sections; this one has 11.
Worth studying here: the statement block, for large-type rhythm, the features block, for how benefits are grouped and paced and the footer, for link grouping and legal line. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.
More references: browse all websites.
More health & fitness sites
Related searches
Sections captured: Content, Statement, Content, Content, Features, Features, Features, Content, Statement, Features, Footer, Content, Showcase, Features, Content, Call to action, Features, Features, Content, Content, Features, Features, Features, Content, Features, Features