Origen is a warm, editorial one-page template for specialty coffee roasters, coffee bars and small-batch producers. It combines a tactile coffee-shop aesthetic with the sections a modern roastery needs to tell its story, explain its craft and sell more coffee.

WHAT'S INCLUDED

• Sticky header with a full-screen mobile menu

• Hero with an illustrated coffee bag, roast-profile card and origin stamp

• Animated origin marquee

• Filterable coffee cards: All / Filter / Espresso

• Roastery quote and provenance story

• Illustrated origin route map with impact stats

• Accessible brew-method tabs for V60, AeroPress and Moka pot

• Interactive subscription builder with live pricing and a demo success state

• Roastery visit section with a custom storefront illustration

• Accessible FAQ, newsletter footer and demo form success states

• Self-hosted Fraunces, Manrope and DM Mono fonts

• Responsive layouts, reduced-motion support and no-JavaScript fallbacks

BUILT WITH CARE

• Semantic HTML5, CSS custom properties and vanilla JavaScript

• No frameworks, build step or external runtime dependencies

• Visible focus states, keyboard-friendly tabs, labelled forms and ARIA announcements

• Editable design tokens, type scale, demo copy, coffee data and inline SVG illustrations

• Clear README with customisation notes

FILES INCLUDED

index.html, styles.css, script.js, favicon.svg, README.md and a fonts folder with WOFF2 files and OFL licence texts.

LICENSE

This template is sold under Getly's Extended licence for commercial projects and client work.

Origen is a fictional demo roastery. Names, addresses, coffee lots, prices and reviews are illustrative; replace them before launch. Subscription and newsletter forms are front-end demos and do not process payments or store data.