Tonal
WebsitesSmart Home Gym Equipment and Workout Programs
50 sections
Opening…
About this design
Written from the capture data for Tonal.
Tonal (tonal.com) is a website in the Health & Fitness category. Its homepage is captured as 7 sections, top to bottom: call to action, features, content, testimonials, content and footer. We also captured its product, customers, about, blog, enterprise and careers pages, plus 3 more.
The capture records a palette of #1c1c1a, #11ddc4, #f4f4f4, #000000, #c6cacd and #ffffff. The largest share of captured homepage sections uses #1c1c1a as its CSS background. Suggested token roles are #1c1c1a for background and #ffffff for text; check them against the screenshot. Headings are set in GT Expanded, body copy in GT America.
Compared with the 191 other Health & Fitness sites in the library, Tonal is one of the 10% that go dark, and the group's most common heading face is Inter, where Tonal uses GT Expanded. The average Health & Fitness homepage here has 8 sections; this one has 7.
Worth studying here: the closing call to action, for contrast and copy length, the features block, for how benefits are grouped and paced and the testimonials, for how quotes, names and roles are laid out. 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: Call to action, Features, Content, Content, Testimonials, Content, Footer, Showcase, Content, Content, Features, Pricing, How it works, Content, Content, Testimonials, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Features, Content, Content, Statement, Features, Content, Content, Content, Content, Content, About, Content, Content, Features, How it works, Content, Features, Features, Features, Content, Content, Showcase, Content