48 sections
Opening…
About this design
Written from the capture data for Builder.io.
Builder.io (builder.io) is a website in the AI category. Its homepage is captured as 12 sections, top to bottom: hero, statement, features, showcase, features, integrations, stats, features, stats and 1 more. We also captured its pricing, product, customers, about, sign up and blog pages, plus 4 more. The hero leads with “Build software with your team and agents Maya • Designer Semibold”.
The capture records a palette of #0a0a0a, #faf9f5, #aeadac, #01c8f1 and #0f0f0f. The largest share of captured homepage sections uses #0a0a0a as its CSS background. Suggested token roles are #0a0a0a for background and #faf9f5 for text; check them against the screenshot. Headings are set in Geist, body copy in Poppins.
Compared with the 129 other AI sites in the library, Builder.io is one of the 25% that go dark, and the group's most common heading face is Inter, where Builder.io uses Geist. The average AI homepage here has 7 sections; this one has 12.
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 ai sites
Related searches
Sections captured: Hero, Statement, Features, Showcase, Features, Features, Features, Integrations, Stats, Features, Stats, Footer, Content, Content, Pricing, Pricing, Pricing, Content, Content, Content, Features, Features, Content, Stats, Statement, Content, Content, Blog, Content, Content, Content, Statement, Blog, Blog, Content, Statement, Content, Statement, Content, Content, Content, Statement, Content, Content, Content, Call to action, Content, Content