Sightglass

Sightglass (sightglasscoffee.com) is a website in the Food & Drink category. Its homepage is captured as 6 sections, top to bottom: hero, content, statement, features and footer. We also captured its blog, docs, careers, shop and security pages. The hero leads with “Fall Forward”.

The capture records a palette of #212121, #ffffff, #000000, #f2efe7, #ab8c52 and #303030. The largest share of captured homepage sections uses #f2efe7 as its CSS background. Suggested token roles are #f2efe7 for background and #000000 for text; check them against the screenshot. Headings are set in Elza round, which it also uses for body copy.

Compared with the 160 other Food & Drink sites in the library, Sightglass sits with the 94% that stay light, and the group's most common heading face is Poppins, where Sightglass uses Elza round. The average Food & Drink homepage here has 7 sections; this one has 6.

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.