29 sections
Opening…
About this design
Written from the capture data for Sui.
Sui (sui.io) is a website in the Travel category. Its homepage is captured as 3 sections, top to bottom: showcase and statement. We also captured its product, about, sign up, log in, blog and docs pages, plus 1 more.
The capture records a palette of #000000, #ffffff, #298dff, #6c7584, #222529 and #67707e. The largest share of captured homepage sections uses #000000 as its CSS background. Suggested token roles are #000000 for background and #ffffff for text; check them against the screenshot. Headings are set in TWK Everett, which it also uses for body copy.
Compared with the 122 other Travel sites in the library, Sui is one of the 3% that go dark, and the group's most common heading face is Poppins, where Sui uses TWK Everett. The average Travel homepage here has 8 sections; this one has 3.
Worth studying here: the showcase, for image scale, grouping and visual emphasis, the statement block, for large-type rhythm and the how-it-works steps, for sequencing and numbering. 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 travel sites
Related searches
Sections captured: Showcase, Statement, Content, Content, How it works, Features, Content, Blog, Content, Features, Content, Logo cloud, Content, Call to action, Blog, Content, Content, Content, Features, Features, Statement, Features, Content, Content, Features, Content, Statement, Features, Content