34 sections
Opening…
About this design
Written from the capture data for Fly.io.
Fly.io (fly.io) is a website in the AI category. Its homepage is captured as 12 sections, top to bottom: hero, statement, features, statement, features, content, features, testimonials, call to action and 1 more. We also captured its pricing, product, customers, about, sign up and log in pages, plus 4 more.
The capture records a palette of #7c3aed, #686082, #000000, #ffffff, #191034 and #e6e0fe. 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 Mackinac, body copy in Fricolage Grotesque.
Compared with the 129 other AI sites in the library, Fly.io sits with the 75% that stay light, and the group's most common heading face is Inter, where Fly.io uses Mackinac. 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, Features, Statement, Features, Features, Content, Features, Testimonials, Call to action, Footer, Content, Content, Pricing, Content, Content, Content, Features, Content, Blog, Content, Content, Team, Content, Content, About, Content, Content, Features, Features, Features, Content, Call to action