Coffee Tech
WebsitesAdvanced Commercial Coffee Roasters
25 sections
Opening…
About this design
Written from the capture data for Coffee Tech.
Coffee Tech (coffee-tech.com) is a website in the Food & Drink category. Its homepage is captured as 10 sections, top to bottom: hero, content, statement, features, content, features, content and call to action. We also captured its product, about, sign up, blog, contact and security pages. The hero leads with “Coffee Roasting Reinvented”.
The capture records a palette of #0d0e13, #e5e2dd, #67625e, #c8603d and #f3ede3. The largest share of captured homepage sections uses #e5e2dd as its CSS background. Suggested token roles are #e5e2dd for background and #0d0e13 for text; check them against the screenshot. Headings are set in Inter, which it also uses for body copy.
Compared with the 160 other Food & Drink sites in the library, Coffee Tech is one of the 6% that go dark, and the group's most common heading face is Poppins, where Coffee Tech uses Inter. The average Food & Drink homepage here has 7 sections; this one has 10.
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 food & drink sites
Related searches
Sections captured: Hero, Content, Statement, Features, Features, Content, Features, Content, Content, Call to action, Content, Content, Stats, Content, Features, Features, Statement, About, Content, Content, Content, Content, Content, Content, Content