Ferro & Ember Roastery

Ferro & Ember Roastery is a single-page website for a small-batch coffee roaster with a café counter. After a full-width hero with a ticker and stats, it moves through The Roastery story, three featured beans with roast-level meters and prices, a tabbed café menu (Espresso, Brew Bar, Not Coffee), a subscription offer, a gallery, a Why Us block, reviews, an FAQ, opening hours with a map, and a contact form. The Chicago roastery, bean names, tasting notes, prices and reviews are placeholders that the studio swaps for your own brand, products, photos, opening hours and WhatsApp number. The menu tabs, review slider, FAQ accordion, hours list with today highlighted and the floating WhatsApp button already work. The contact form validates and confirms on the page only; there is no ordering or subscription backend. The style is dark and industrial: a near-black brown background, copper and aged-brass accents and square corners. Headlines use Archivo Narrow, body text Barlow and small labels Space Mono, loaded from Google Fonts. The layout adapts with breakpoints at 1024px and 760px, and animation respects reduced-motion settings. It suits specialty coffee roasters, café-roasteries, tea and cocoa merchants, craft breweries and distilleries, and any product-led food brand that wants a moody, premium page.