45 sections
Opening…
About this design
Written from the capture data for Klaviyo.
Klaviyo (klaviyo.com) is a website in the Marketing category. Its homepage is captured as 12 sections, top to bottom: hero, call to action, features, content, statement, showcase, integrations, logo cloud, faq and 1 more. We also captured its pricing, product, customers, log in, blog and enterprise pages, plus 2 more. The hero leads with “Real relationships. Real growth. Built autonomously.”.
The capture records a palette of #1d1e20, #ffffff, #ff4b33 and #cbc8c4. The largest share of captured homepage sections uses #ffffff as its CSS background. Suggested token roles are #ffffff for background and #1d1e20 for text; check them against the screenshot. Headings are set in Klaviyo Degular, body copy in Instrument Sans.
Compared with the 85 other Marketing sites in the library, Klaviyo sits with the 88% that stay light, and the group's most common heading face is Inter, where Klaviyo uses Klaviyo Degular. The average Marketing homepage here has 8 sections; this one has 12.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the closing call to action, for contrast and copy length 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 marketing sites
Related searches
Sections captured: Hero, Call to action, Features, Content, Content, Content, Statement, Showcase, Integrations, Logo cloud, FAQ, Footer, Pricing, Content, Content, Content, Content, Showcase, Features, Stats, Content, Content, Content, Content, Content, Content, Blog, Content, Blog, Content, Content, Content, Stats, Content, Features, Features, Features, Showcase, Features, Features, Content, Content, Content, Features, Features