Imperfect Foods
WebsitesGet sustainable, affordable groceries delivered weekly to…
34 sections
Opening…
About this design
Written from the capture data for Imperfect Foods.
Imperfect Foods (imperfectfoods.com) is a website in the Food & Drink category. Its homepage is captured as 10 sections, top to bottom: hero, how it works, features, content, features, content and footer. We also captured its product, about, sign up, log in, contact and security pages. The hero leads with “Cut your grocery bill and your food waste”.
The capture records a palette of #2d2d2d, #f8f2ed, #b32274, #f7d46d, #666666 and #f0d3e3. The largest share of captured homepage sections uses #f8f2ed as its CSS background. Suggested token roles are #f8f2ed for background and #2d2d2d for text; check them against the screenshot. Headings are set in Font Lufga, body copy in Font Grotesk.
Compared with the 160 other Food & Drink sites in the library, Imperfect Foods sits with the 94% that stay light, and the group's most common heading face is Poppins, where Imperfect Foods uses Font Lufga. 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 how-it-works steps, for sequencing and numbering 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, How it works, Features, Features, Features, Content, Features, Features, Content, Footer, Content, Call to action, Features, Features, Content, Content, Statement, Features, Features, Features, Features, Features, Features, Content, Content, Content, FAQ, Content, Content, Features, Features, Content, Content, Content