17 sections
Opening…
About this design
Written from the capture data for Bear.
Bear (bear.app) is a website in the Productivity category. Its homepage is captured as 7 sections, top to bottom: hero, statement, features and pricing. We also captured its docs, contact and security pages. The hero leads with “Markdown notes you’ll love”.
The capture records a palette of #444444, #888888, #dd4c4f, #456aa3, #884aa8 and #2b6451. Background and text roles have not been verified. Suggested token roles are #444444 for background and #888888 for text; check them against the screenshot. Headings are set in Bearsansheadline, body copy in Bearsans.
Compared with the 77 other Productivity sites in the library, Bear sits with the 79% that stay light, and the group's most common heading face is Inter, where Bear uses Bearsansheadline. The average Productivity homepage here has 10 sections; this one has 7.
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.
More productivity sites
Related searches
Sections captured: Hero, Statement, Features, Features, Features, Features, Pricing, Content, Features, Content, Features, Content, Features, Content, Content, Content, Content