16 sections
Opening…
About this design
Written from the capture data for Cosmos.
Cosmos (cosmos.studio) is a website in the Design & Agency category. Its homepage is captured as 6 sections, top to bottom: hero, statement, showcase, features, about and content. We also captured its product and security pages.
The capture records a palette of #ffffff, #b6b6b6, #f5f5f5, #0f1011, #707070 and #808080. The largest share of captured homepage sections uses #f5f5f5 as its CSS background. Suggested token roles are #f5f5f5 for background and #0f1011 for text; check them against the screenshot. Headings are set in Switzer, which it also uses for body copy.
Compared with the 289 other Design & Agency sites in the library, Cosmos sits with the 68% that stay light, and the group's most common heading face is PP Neue Montreal, where Cosmos uses Switzer. The average Design & Agency homepage here has 5 sections; this one has 6.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the statement block, for large-type rhythm and the showcase, for image scale, grouping and visual emphasis. 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 design & agency sites
Related searches
Sections captured: Hero, Statement, Showcase, Features, About, Content, Content, Features, Features, Features, Features, Content, Content, Statement, Content, Content