Neu im Marktplatz 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.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
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.
- 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.
- 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.
- 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.
- 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.
- 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.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
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.
- 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.
- 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.
- 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.
- 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.
- 3
- Schritte bis zum Vorschlag
- 4
- Geschmacksachsen je Getränk
- 24
- Getränke im Vergleich
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.
Die fertige Website, ihr Wissen und sieben Skills in einem ZIP
ai-website-template-brennhoven.zip Sofort-Download 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 gebautLieber 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.
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
- Kaffeehäuser mit mehreren Standorten, bei denen dieselbe Karte überall gilt und der Gast wissen will, wo gerade Platz ist.
- Röstereien mit angeschlossenem Café, die erklären wollen, warum eine Charge anders schmeckt als die letzte.
- Betriebe mit einer Auswahl, die größer ist als die Geduld am Tresen. Weinhandel, Teeladen, Eisdiele mit wechselnden Sorten.
- 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.
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
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.
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.
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.