Onyx Coffee Lab
WebsitesCoffee Roasters • Café • Barista Training
22 sections
Opening…
About this design
Written from the capture data for Onyx Coffee Lab.
Onyx Coffee Lab (onyxcoffeelab.com) is a website in the Food & Drink category. Its homepage is captured as 8 sections, top to bottom: hero and features. We also captured its product, log in, docs, changelog, careers and shop pages, plus 1 more. The hero leads with “Join Our Pilgrimage”.
The capture records a palette of #ffffff, #fbfaf3, #000000, #eee9df, #fcfaf2 and #dbd5ca. The largest share of captured homepage sections uses #fbfaf3 as its CSS background. Suggested token roles are #fbfaf3 for background and #000000 for text; check them against the screenshot. Headings are set in Bajern, body copy in Montserrat.
Compared with the 160 other Food & Drink sites in the library, Onyx Coffee Lab sits with the 94% that stay light, and the group's most common heading face is Poppins, where Onyx Coffee Lab uses Bajern. The average Food & Drink homepage here has 7 sections; this one has 8.
Worth studying here: the hero, for the relationship between imagery, type and navigation 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, Features, Features, Features, Features, Features, Features, Features, Content, Features, Features, Features, Features, Features, Features, Features, Content, Content, Content, Features, Content, Content