9 sections
Opening…
About this design
Written from the capture data for Pehr.
Pehr (pehr.com) is a website in the Shopping category. Its homepage is captured as 9 sections, top to bottom: hero, showcase, statement, content, showcase and statement. The hero leads with “Slideshow”.
The capture records a palette of #ffffff, #68696d, #5e6a7d and #fdfdfd. The largest share of captured homepage sections uses #ffffff as its CSS background. Suggested token roles are #ffffff for background and #68696d for text; check them against the screenshot. Headings are set in Quincy Thin, body copy in Brown.
Compared with the 159 other Shopping sites in the library, Pehr sits with the 96% that stay light, and the group's most common heading face is Circular, where Pehr uses Quincy Thin. The average Shopping homepage here has 7 sections; this one has 9.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the showcase, for image scale, grouping and visual emphasis and the statement block, for large-type rhythm. 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 shopping sites
Related searches
Sections captured: Hero, Showcase, Statement, Content, Content, Content, Showcase, Showcase, Statement


