Zum Inhalt springen
Marktplatz · Café

Brennhoven. Für Häuser mit einer Karte, die länger ist als die Geduld am Tresen.

Brennhoven ist das Template für Kaffeehäuser mit mehreren Standorten und eigener Rösterei. Siebzehn Seiten in hellem Periwinkle und Mokka, mit einem Geschmackskonfigurator, der in drei Schritten einen Vorschlag mit Trefferquote ausgibt, und einer Seite, die die Rechnung dahinter offenlegt.

Vorschau ansehen

Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?

17 SeitenGeschmackskonfigurator mit TrefferquoteRewards-Rechner über zwölf Monate
Portrait von ai-website.com Creator dieses Templates ai-website.com
Die Geschichte

Vierundzwanzig Getränke, acht Sekunden Geduld, und am Ende immer das Gleiche

Die ganze Geschichte lesen

Ein Kaffeehaus mit eigener Rösterei hat ein Problem, das ein kleines Café nicht kennt. Die Karte ist zu lang. Vierundzwanzig Getränke in je vier Varianten sind sechsundneunzig Möglichkeiten, und der Gast am Tresen hat dafür acht Sekunden.

Also bestellt er, was er immer bestellt. Alles, was die Rösterei an Sorgfalt in eine Charge steckt, kommt bei ihm nie an. Die Karte wächst, die Bestellung bleibt.

Brennhoven dreht das um. Der Konfigurator fragt drei Dinge und gibt einen Vorschlag mit Prozentzahl aus. Die Seite über das Modell macht die Rechnung danach auf, Zeile für Zeile, und nennt sechs Dinge, die es bewusst nicht weiß.

Das Muster passt auf jeden Betrieb mit einer Auswahl, die größer ist als die Geduld des Kunden. Weinhandel, Teeladen, Eisdiele mit wechselnden Sorten. Überall, wo jemand fragt: Was nehme ich?

Seiten
17
Getränke mit vier Achsen
24
Standorte auf einer Karte
4
fremde Requests
0

Scroll dich durch die Startseite

Die Startseite von Brennhoven wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.

brennhoven.de
Vollständige Startseite des Templates Brennhoven
  1. 01

    Eine Bühne statt eines Bildbanners

    Der Auftakt ist eine Produktscheibe auf hellem Periwinkle, daneben schwebende Symbole und ein Keks auf einer zweiten Scheibe. Kein Text liegt auf einem Foto, die Überschrift steht auf ruhiger Fläche.

  2. 02

    Zwei Schriften, eine Hierarchie

    Fraunces trägt Überschriften und alle Kennzahlen, Inter den Rest. Der Schriftwechsel ist die Hierarchie, deshalb braucht keine Überschrift eine zweite Farbe.

  3. 03

    Eine Signalfarbe, gemessen

    Mokka ist die einzige Akzentfarbe. Jede Textfarbe erreicht mindestens 4,5:1 gegen jede Fläche, auf der sie vorkommt. Die gemessenen Werte stehen vollständig im Styleguide.

  4. 04

    Zwei Textspalten, kein Wandern

    Es gibt die Regelspalte und die Lesespalte, sonst nichts. Zweispaltige Abschnitte haben genau ein Verhältnis. Beim Durchblättern bleibt der linke Rand stehen.

  5. 05

    Ohne Skript vollständig

    Jede Kennzahl und jedes Rechnerergebnis steht im Markup, nicht erst im Skript. Wer JavaScript abschaltet, sieht eine vollständige Seite statt einer Reihe von Nullen.

brennhoven.de Scrollen zum Durchsehen
Vollständige Startseite des Templates Brennhoven, vergrößert

Nicht eine Seite. Alle

Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.

1 / 8
Die Karte, die sich sortiert des Templates Brennhoven
Die Karte, die sich sortiertEin Bogen aus fünf Produktscheiben, darunter eine Filterleiste für Kategorie, Stimmung, Temperatur und Koffein. Vierundzwanzig Kacheln mit Preis, Zutaten und Koffeinwert, dazu ein Vorschlag für die aktuelle Tageszeit.
Drei Schritte, ein Vorschlag des Templates Brennhoven
Drei Schritte, ein VorschlagDas Signature-Feature. Stimmung, Tageszeit, drei Regler für Stärke, Süße und Temperatur, und am Ende ein Getränk mit Prozentzahl. Ohne Konto, direkt im Browser, und jede Eingabe ändert das Ergebnis wirklich.
Die Rechnung, offen gelegt des Templates Brennhoven
Die Rechnung, offen gelegtDrei Zeilen mit Balken, eine Summe, und eine Liste von sechs Dingen, die das Modell bewusst nicht kennt. Wer eine Empfehlung ausspricht, zeigt hier, woher sie kommt.
Punkte, nachgerechnet des Templates Brennhoven
Punkte, nachgerechnetDrei Stufen als Vergleichstabelle, sechs Wege zu Punkten, und ein Rechner, der aus Kaffees pro Woche eine Jahressumme macht. Der Punkteverlauf über zwölf Monate zeigt Urlaub und Einladung als Knick.
Vier Häuser auf einer gezeichneten Karte des Templates Brennhoven
Vier Häuser auf einer gezeichneten KarteDie Karte ist kein Kartendienst, sondern eine gezeichnete Fläche mit vier Punkten. Fahren und Liste sind gekoppelt. Dazu Stoßzeiten je Haus, Ausstattungsvergleich und Anfahrt mit echten Liniensiegeln.
Fünf Jahre auf einem Zeitstrahl des Templates Brennhoven
Fünf Jahre auf einem ZeitstrahlVon drei Leuten mit einer gebrauchten Maschine zu vier Häusern. Dazu der Rösterei-Abschnitt, vier Teamkarten, das Kaffeegürtel-Diagramm und die Mehrwegzahlen, auch die unangenehme.
Vier Texte, die etwas erklären des Templates Brennhoven
Vier Texte, die etwas erklärenEine Randspalte mit Leitartikel, dazu die Meistgelesen-Liste und ein Kennzahlenband. Jeder Beitrag beantwortet genau eine Frage und nennt mindestens eine Zahl, die nicht schmeichelt.
Zwei Telefone, sechs Funktionen des Templates Brennhoven
Zwei Telefone, sechs FunktionenDie App-Seite zeigt drei gezeichnete Bildschirme statt Store-Bildern. Dazu der Ablauf von der Installation bis zum ersten Vorschlag, eine ehrliche Versionsliste und die Fragen, die vor der Installation kommen.
brennhoven.de Scrollen zum Durchsehen
Das Signature-Feature

Sechsundneunzig Möglichkeiten auf der Karte, und der Gast fragt trotzdem was nehme ich

Der Geschmackskonfigurator beantwortet das in drei Schritten. Stimmung, Tageszeit, drei Regler. Heraus kommt ein Getränk mit einer Prozentzahl, und auf der nächsten Seite steht, wie die Zahl zustande kam.

  1. Drei Schritte, kein Konto

    Stimmung antippen, Tageszeit bestätigen, Stärke und Süße schieben. Der Vorschlag erscheint im Browser, ohne Anmeldung und ohne Speicherung.

  2. Eine Zahl, die etwas bedeutet

    Jeder Vorschlag trägt eine Trefferquote. Bei sechzig Prozent sagt das Werkzeug damit auch, dass es sich nicht sicher ist. Genau das macht es glaubwürdig.

  3. Die Rechnung steht daneben

    Auf der KI-Seite läuft dieselbe Rechnung mit drei Balken und einer Summe. Wer wissen will, warum, bekommt es zeilenweise erklärt statt in einem Werbesatz.

  4. Sechs Dinge, die es nicht weiß

    Standort, Kalender, Kontakte, Wetter, Werbe-IDs und was jemand woanders trinkt. Die Liste steht auf der Seite, nicht im Datenschutz.

Drei Schritte, ein Vorschlag des Templates Brennhoven, komplette Seite
3
Schritte bis zum Vorschlag
4
Geschmacksachsen je Getränk
24
Getränke im Vergleich
Bereit, wenn du es bist

Mach Brennhoven zu deinem nächsten Projekt

Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.

Das Template

Die fertige Website, ihr Wissen und sieben Skills in einem ZIP

Alle Seiten fertig Sieben Skills CLAUDE.md + Wissen
ai-website-template-brennhoven.zip Sofort-Download
Direkt kaufen
99 € einmalig einmalig, für immer deins

Eine Agentur rechnet für so eine Website vierstellig ab.

  • Die komplette Website, jede Unterseite fertig gestaltet und getextet
  • Guideline und Wissensordner, damit deine KI das System versteht
  • Sieben Skills für Pflege und Ausbau per Chat
  • Doku und Skills wahlweise auf Deutsch oder Englisch

Du baust den Projektordner selbst um, mit einem Code-Editor und einem KI-Werkzeug wie Claude Code. Wie das geht, steht in der Dokumentation.

Sichere Zahlung über Stripe, das ZIP kommt direkt danach Made in Germany, von Webdesignern gebaut
Portrait von ai-website.com

Lieber fertig übernehmen? Beim AI Website Service für 799 € bauen wir deine Inhalte ein und schalten dich live. ai-website.com bespricht das im Termin mit dir.

Alles inklusive Für immer deins Per Chat anpassbar Made in Germany

Alle Preise im Überblick, Template, Service und Custom

Für wen Brennhoven gebaut ist

Ein Template wird gut, wenn es sich entscheidet. Brennhoven ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.

Gebaut für

  1. Kaffeehäuser mit mehreren Standorten, bei denen dieselbe Karte überall gilt und der Gast wissen will, wo gerade Platz ist.
  2. Röstereien mit angeschlossenem Café, die erklären wollen, warum eine Charge anders schmeckt als die letzte.
  3. Betriebe mit einer Auswahl, die größer ist als die Geduld am Tresen. Weinhandel, Teeladen, Eisdiele mit wechselnden Sorten.
  4. Alle, die ein Treueprogramm haben und es endlich nachrechenbar machen wollen, statt es zu behaupten.

Nicht gedacht für

  • Das Café mit einem Raum und acht Positionen auf der Karte. Wer nichts zu sortieren hat, braucht keinen Sortierer, und der Konfigurator wirkt dort wie ein Formular vor der Bestellung. Darnholt passt dafür besser.
  • Röstereien, die vor allem Bohnen versenden. Hier gibt es keinen Warenkorb, keine Versandkosten und keine Staffelung nach Mahlgrad.
  • Ketten ab etwa zehn Filialen. Die Standortseite ist für vier Häuser gezeichnet, darüber wird aus der Karte eine Suche mit Postleitzahl.
  • Betriebe, die gar nichts empfehlen wollen. Ohne Konfigurator bleiben vierzehn gute Seiten, aber das Verkaufsargument ist weg.

Andere Branche? Alle Templates ansehen

Auf dem Handy zu Hause

Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Brennhoven ist dafür gebaut, nicht dafür zurechtgestaucht.

Mobile First. Layout, Abstände und Tap-Ziele sind für Daumen gemacht.
Schnell im Funkloch. Statisch gebaut, ohne schwere Skripte und Plugins.
Mobiler Einstieg des Templates Brennhoven
Der Einstieg
Mobile Inhalts-Sektion des Templates Brennhoven
Eine Sektion tiefer

Vom ZIP zur Live-Website

Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.

So arbeitet dein Template

Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter.

ai-website.zipDein kompletter Projektordner
Website
Design
Texte
SEO
Qualität
Wissen
Sieben Skills für die Arbeit an deiner Website.

Öffne das Projekt in deinem KI-Werkzeug. Beschreibe Marke und Angebot, dann prüfe die Änderungen.

Du gibst die Richtung vor.
„Nutze mein Logo und meine Farben.“

Designregeln berücksichtigt

Deine Marke übernommen

Leistungen eingebaut

Aus deinem Satz wird eine Änderung.

Ersetze Beispielinhalte, prüfe Desktop und Mobil und veröffentliche bei deinem eigenen Hoster.

deine-website.de
Deine Marke
Dein Unternehmen. Dein Auftritt.Dein Angebot.
Klar auf den Punkt.
Kontakt aufnehmen
Deine Inhalte. Deine Seiten. Dein Code.
Beispielhafter Ablauf

Mehr als eine schöne Oberfläche

Brennhoven bringt sein Wissen und die sieben Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.

Fertige Website. Alle Seiten der Branche, responsiv, superschnell und Google-freundlich.
Guideline. Die CLAUDE.md sagt deiner KI, wie Brennhoven denkt, gestaltet und schreibt.
Wissensordner. Der Ordner Wissen bündelt SEO-Strategie, Tonalität und den Komponenten-Bauplan.
Sieben Skills. Von SEO bis Qualitätsprüfung. Deine KI pflegt und erweitert die Website per Chat.
Für immer deins. Einmal zahlen und Website, Wissen und Skills gehören komplett dir.
DSGVO-freundlich. Fonts selbst gehostet, keine fremden CDNs, kein Tracking eingebaut.

Kurz geklärt

Es geht ohne, aber dann ist es ein anderes Produkt. Nimm den Konfigurator und die KI-Seite heraus, und es bleiben vierzehn gute Seiten für ein Kaffeehaus. Das Besondere ist weg. Der Skill start führt dich durch die Frage, bevor du etwas löschst.

Nein. Der Konfigurator rechnet im Browser mit den vier Achsen, die an jedem Getränk stehen. Es gibt kein Modell, keinen Server und keinen Schlüssel. Das ist Absicht: Ein Entwurf soll zeigen, wie es sich anfühlt, nicht laufende Kosten erzeugen.

Ja, sie stehen als Liste in einer Datei. Jedes Getränk braucht Kategorie, Preis, Koffein, Süße, Temperatur und mindestens eine Stimmung. Fehlt eine Achse, wird es nie vorgeschlagen, und genau das steht auch in der Checkliste im Paket.

Dann kürzt du die Standortliste auf einen Eintrag. Die gezeichnete Karte ist für vier Punkte gebaut, deshalb tauschst du sie gegen den Abschnitt für ein Haus. Das Stoßzeiten-Diagramm trägt auch allein. Der Skill template-aufbau beschreibt den Weg.

Als Platzhalterseiten auf noindex, mit einer Liste dessen, was hineingehört, und mit der technischen Wahrheit über das Template. Fertige Rechtstexte liegen bewusst nicht bei. Ein übernommener Text beschreibt selten, was bei dir gilt, und genau daran hängen die Abmahnungen.

Die Motive stammen von Unsplash und dürfen kommerziell genutzt werden. Neunzehn der fünfundfünfzig zeigen erkennbare Personen, und dafür liegt kein Model-Release vor. Welche das sind, steht im Bildnachweis. Tausch sie vor dem Livegang gegen eigene Aufnahmen.

Es duzt, durchgehend, auch in Formularen und Fehlermeldungen. Die Anrede steht nur in den Texten und Datendateien, nie in den Bausteinen. Ein Umstellen auf Sie ist deshalb eine Textarbeit, keine Umbauarbeit.

Nein. Trefferquote, Bewertungen, Teamgröße, Mehrwegquote und alle Preise sind Beispielwerte, und die Seite sagt das selbst im Impressum. Im Paket liegt eine vollständige Liste, damit beim Umbau keine davon stehenbleibt.

Node ab Version 22 und einen Webspace, der statische Dateien ausliefert. Kein PHP, keine Datenbank, kein Build auf dem Server. Der gebaute Ordner kommt hoch, sonst nichts.

Ja, für ein Projekt, ohne zeitliche Grenze, ohne Abo und ohne Nennungspflicht. Du darfst es beliebig umbauen und veröffentlichen. Was nicht geht, ist es als Vorlage weiterzuverkaufen. Für mehrere eigene Projekte brauchst du je eine Lizenz.

Ja, als zweites Paket mit derselben Website in Englisch, eigener Wissensschicht und englischen Skills. Beide Fassungen kommen aus derselben Quelle, damit sie nicht auseinanderlaufen.

Ja, vollständig lesbar. Jede Kennzahl und jedes Rechnerergebnis steht im Markup, nicht erst im Skript. Das ist geprüft, und zwar mit einem Lauf, der jede Seite zweimal lädt und vergleicht, was ohne Skript verschwindet.

Jede Textfarbe erreicht mindestens 4,5:1 gegen jede Fläche, auf der sie vorkommen kann, gemessen und im Styleguide dokumentiert. Dazu sichtbarer Fokus überall, Tastaturbedienung für Menü, Reiter, Filter und Konfigurator, und eine Einstellung für reduzierte Bewegung, die nichts unsichtbar zurücklässt.

Dein nächster Schritt

Bereit für Brennhoven?

Das komplette Template liegt als ZIP bereit.

  • In Stunden startklar. ZIP herunterladen, npm install, und die fertige Website läuft lokal bei dir.
  • Für immer deins. Einmal zahlen, und Website, Wissen und Skills gehören komplett dir, ohne laufende Kosten.
  • Per Chat anpassbar. Deine KI macht aus Brennhoven deine Marke, Seite für Seite.
Was alles drin ist
Termin buchen

Such dir direkt einen Termin aus: Kennenlerntermin im Kalender wählen. Oder schreib uns kurz, wir melden uns meist noch am selben Tag.

Mail schreiben
99 € einmalig inkl. MwSt., alles drin, für immer deins