Origen ist eine warme, redaktionelle Einseiter-Vorlage für Spezialitäten-Kaffeeröstereien, Coffee Bars und kleine Chargen-Produzenten. Sie verbindet eine taktile Kaffeehaus-Ästhetik mit den Abschnitten, die eine moderne Rösterei braucht, um ihre Geschichte zu erzählen, ihr Handwerk zu erklären und mehr Kaffee zu verkaufen.

WAS ENTHALTEN IST

• Sticky Header mit einem Vollbild-Mobile-Menü

• Hero mit einer illustrierten Kaffeebeutel-Grafik, einer Röstprofil-Karte und einem Ursprungstempel

• Animierter Ursprung-Marquee

• Filtrierbare Kaffeekarten: Alle / Filter / Espresso

• Rösterei-Zitat und Provenienz-Geschichte

• Illustrierte Ursprungs-Route mit Einflussstatistiken

• Barrierefreie Brühmethoden-Tabs für V60, AeroPress und Moka-Topf

• Interaktiver Abonnement-Builder mit Live-Preisgestaltung und einem Demo-Erfolgszustand

• Rösterei-Besuch-Sektion mit einer benutzerdefinierten Storefront-Illustration

• Barrierefreies FAQ, Newsletter-Footer und Demo-Formular-Erfolgszustände

• Selbstgehostete Fraunces-, Manrope- und DM Mono-Schriften

• Reaktionsfähige Layouts, Reduzierte-Bewegung-Unterstützung und No-JavaScript Fallbacks

MIT SORGFALT GESETZT

• Semantisches HTML5, CSS Custom Properties und Vanilla JavaScript

• Keine Frameworks, Build-Schritte oder externen Laufzeit-Abhängigkeiten

• Sichtbare Fokuszustände, schlüssellose Tastatur-Tabs, beschriftete Formulare und ARIA-Ankündigungen

• Bearbeitbare Design-Tokens, Typen-Skala, Demo-Text, Kaffee-Daten und Inline-SVG-Illustrationen

• Klare README mit Anpassungshinweisen

Dateien ENTHALTEN

index.html, styles.css, script.js, favicon.svg, README.md und ein Fonts-Ordner mit WOFF2-Dateien und OFL-Lizenztexten.

LIZENZ

Diese Vorlage wird unter Getlys Extended-Lizenz für kommerzielle Projekte und Kundenarbeit verkauft.

Origen ist eine fiktive Demo-Rösterei. Namen, Adressen, Kaffee-Lots, Preise und Bewertungen sind illustrativ; ersetzen Sie sie vor dem Start. Abonnement- und Newsletter-Formulare sind Frontend-Demos und verarbeiten keine Zahlungen und speichern keine Daten.