30 sections
Opening…
About this design
Written from the capture data for Mem.
Mem (get.mem.ai) is a website in the Productivity category. Its homepage is captured as 14 sections, top to bottom: hero, statement, features, statement, features, showcase, statement, features, statement and 3 more. We also captured its pricing, product, blog, docs and security pages. The hero leads with “Your AI chief of staff.”.
The capture records a palette of #ffffff, #fcf8f1, #100f31, #707070 and #000000. 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 Ritual, body copy in Inter.
Compared with the 77 other Productivity sites in the library, Mem sits with the 79% that stay light, and the group's most common heading face is Inter, where Mem uses Ritual. The average Productivity homepage here has 10 sections; this one has 14.
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, Statement, Features, Showcase, Statement, Features, Statement, Features, Content, Content, Content, Footer, Content, Content, FAQ, Content, Content, Statement, Showcase, Features, Content, Features, Content, Content, Content, Blog, Content, Content