Zum Inhalt springen
Marktplatz · Café

Tellhoven. Für Häuser, in die man kommt, um zu bleiben

Tellhoven ist das Template für Kaffeehaus, Café und Konditorei mit eigenem Handwerk. Dunkle Röstfarben über einer unscharfen Kulisse, weit gesperrte Versalien und siebzehn Seiten, die zwei Fragen zugleich beantworten: Hat es jetzt offen, und was soll ich hier eigentlich bestellen.

Vorschau ansehen

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

17 SeitenKaffeefinder mit acht AntwortenAcht gezeichnete Abschnitte
Portrait von ai-website.com Creator dieses Templates ai-website.com
Die Geschichte

Die häufigste Frage im Café steht auf keiner Website

Die ganze Geschichte lesen

An der Theke fragt niemand nach Herkunft und Aufbereitung. Gefragt wird: Was soll ich nehmen? Und davor, schon auf dem Weg: Hat es überhaupt offen?

Tellhoven beantwortet beides, bevor jemand suchen muss. Der Abbinder jeder Seite rechnet den Öffnungsstatus in Echtzeit und nennt die Minuten bis zur letzten Bestellung. Auf der Kaffeeseite steht der Kaffeefinder: drei Fragen, acht Antworten, jede mit Bild und einem Satz.

Der Rest der Seite erklärt das Handwerk in Zahlen statt in Adjektiven. Sechs Kilo je Charge, zwölf Minuten, erster Knack nach 10:40. 42 Stunden Teigführung, davon 30 im Kühlraum. Vier Räume mit ihrem Licht, dazu ein Raster aus den Kassenzahlen, wann es voll wird.

Und an vier Stellen steht, was nicht geht: keine Sirup-Pumpen, keine Treuepunkte-App, Allergene nur an der Theke vollständig, und im Journal in jedem Beitrag ein Absatz über das, was misslingt.

gebaute Seiten
17
gezeichnete Abschnitte
8
Motive mit Nachweis
57
fremde Aufrufe im HTML
0

Scroll dich durch die Startseite

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

tellhoven.de
Vollständige Startseite des Templates Tellhoven
  1. 01

    Ein Blatt über einer unscharfen Kulisse

    Hinter der Seite liegt ein weichgezeichnetes Café, davor das Blatt mit 84rem Breite. Ab 1408 Pixeln tritt es mit Schatten vor die Kulisse. Kein Text liegt auf einem scharfen Foto.

  2. 02

    Der Öffnungsstatus rechnet mit der Uhr

    Auf jeder Seite steht am Ende, ob gerade geöffnet ist, und wie viele Minuten bis zur letzten Bestellung bleiben. Gerechnet wird in der Zeitzone des Hauses, aus einem Wochenplan, nicht aus einem Satz, den jemand pflegen muss.

  3. 03

    Der Kaffeefinder ist das Herzstück

    Drei Fragen mit je zwei Antworten, acht Kombinationen, acht Empfehlungen aus der eigenen Karte. Zehn Sekunden statt eines Gesprächs an der Theke, das viele Gäste nicht führen wollen.

  4. 04

    Acht Abschnitte sind gezeichnet, nicht fotografiert

    Grundriss, Andrangraster, Teigplan, Röstkurve, Anbauhöhen, Tassenschnitt, Korngrößen und Wegeskizze sind HTML und SVG. Scharf auf jedem Schirm, prüfbar im Kontrast, übersetzbar ohne neuen Export.

  5. 05

    Versalien mit weiter Sperrung

    Playfair Display spricht nur in Großbuchstaben, Inter trägt alles andere. Zwei Schriften mit getrennten Aufgaben, und kein Text unter vierzehn Pixeln, auch nicht im kleinsten Etikett.

tellhoven.de Scrollen zum Durchsehen
Vollständige Startseite des Templates Tellhoven, 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
Drei Fragen, ein Getränk des Templates Tellhoven
Drei Fragen, ein GetränkDer Kaffeefinder steht oben auf der Kaffeeseite: kräftig oder mild, heiß oder kalt, mit Milch oder pur. Darunter sechzehn Getränke in vier Gruppen mit Größen, Preisen und einem Schild für das Besondere.
Ein Grundriss, den man anklicken kann des Templates Tellhoven
Ein Grundriss, den man anklicken kannVier Räume als SVG, mit Maus und Tastatur bedienbar, gekoppelt mit der Liste daneben. Darunter das Andrangraster aus den Kassenzahlen von zwölf Wochen, Stunde für Stunde.
42 Stunden Teig als Zeitleiste des Templates Tellhoven
42 Stunden Teig als ZeitleisteVom Vorteig um 14 Uhr bis zum Blech um 06:20, mit Arbeit, Ruhe und Ofen in drei Farben. Daneben drei Kacheln für Kühlraum, Butter und Schübe, jede mit einer Zahl statt eines Adjektivs.
Eine Röstkurve, die beim Rollen mitläuft des Templates Tellhoven
Eine Röstkurve, die beim Rollen mitläuftVier Phasen von Einwurf bis erstem Knack, Temperatur und Zeit wandern mit dem Rollen mit. Darüber vier Herkünfte mit Ernte und Anbauhöhe als Diagramm.
Termine mit freien Plätzen des Templates Tellhoven
Termine mit freien PlätzenDrei Kursformate mit Dauer, Platzzahl und Preis, dazu eine Terminliste, die ausgebuchte Abende als solche zeigt. Kein leerer Kalender, sondern ein Stand, den man pflegen kann.
Vier Beiträge mit Inhaltsverzeichnis des Templates Tellhoven
Vier Beiträge mit InhaltsverzeichnisZwischen 390 und 430 Wörtern, je mit eigener Gliederung, Lesezeit, Wortzahl und einem Absatz über das, was misslingt. Ein neuer Eintrag in der Datendatei ergibt eine vollständige Seite.
Bildwand mit Filter und Leuchtkasten des Templates Tellhoven
Bildwand mit Filter und LeuchtkastenAchtzehn Aufnahmen nach Bereich gefiltert, ohne Nachladen. Der Leuchtkasten öffnet groß, blättert mit den Pfeiltasten und schließt mit Escape.
Wegezeiten statt einer Karte, die niemand lädt des Templates Tellhoven
Wegezeiten statt einer Karte, die niemand lädtDrei Ankunftspunkte mit gemessenen Fußwegen, eine gezeichnete Wegeskizze und ein Sperrfeld mit Anschrift. Die Karte von OpenStreetMap entsteht erst nach ausdrücklicher Einwilligung.
tellhoven.de Scrollen zum Durchsehen
Das Signature-Feature

Sechzehn Getränke auf der Karte, und der Gast fragt trotzdem was nehme ich

Der Kaffeefinder beantwortet das in drei Klicks. Kräftig oder mild, heiß oder kalt, mit Milch oder pur. Aus den acht Kombinationen kommt je eine Empfehlung aus der eigenen Karte, mit Bild und einem Satz, warum.

  1. Acht Antworten, ein Objekt

    Jede Kombination ist ein Eintrag mit Name, Satz und Motiv. Eine andere Karte heißt: acht Zeilen ändern, nicht das Bauteil umbauen.

  2. Bedienbar, nicht dekorativ

    Die Wahl wandert in aria-pressed, das Ergebnis wechselt Bild, Name und Text ohne Nachladen. Ein Prüfskript klickt alle acht Wege durch und sieht nach, ob das Bild wirklich lädt.

  3. Übertragbar auf jede Karte

    Drei Fragen zur Teesorte, zum Brot, zum Kuchen. Wer nur sechs Posten führt, nimmt zwei Fragen und bekommt vier Antworten.

  4. Dazu der Öffnungsstatus

    Auf jeder Seite, in Echtzeit, mit den Minuten bis zur letzten Bestellung. Die zweite Frage jedes Gastes, beantwortet ohne Klick.

Drei Fragen, ein Getränk des Templates Tellhoven, komplette Seite
3
Fragen
8
Empfehlungen
10 s
bis zur Entscheidung
Bereit, wenn du es bist

Mach Tellhoven 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-tellhoven.zip Sofort-Download
Direkt kaufen
99 € 89 € 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 Tellhoven gebaut ist

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

Gebaut für

  1. Kaffeehäuser, Cafés und Konditoreien mit eigener Backstube oder Rösterei, bei denen der Raum das Geschäft trägt
  2. Betriebe mit einer Karte aus vielen Posten, die Gästen die Auswahl abnehmen wollen, ohne jemanden an der Theke zu binden
  3. Häuser mit Kursen, Verkostungen oder Gruppenangeboten, die Termine, Plätze und Vorlauf zeigen müssen
  4. Gastgeber, die Öffnungszeiten, Andrang und Hausregeln offen hinschreiben, statt sie an der Tür zu klären

Nicht gedacht für

  • Röstereien, die vor allem versenden. Räume, Grundriss, Andrang und Hausregeln sind eine ganze Hauptseite, und es gibt keine Kasse. Für Versand und Abo passt Darnholt besser.
  • Ketten mit mehreren Häusern. Öffnungszeiten, Grundriss und Anfahrt sind auf einen Ort ausgelegt. Ab dem zweiten Standort braucht es eine Standortseite mit eigenem Wochenplan.
  • Restaurants mit Abendkarte und Reservierung. Das Template kennt eine Anfrage, keine Tischbuchung mit Uhrzeit und Personenzahl.
  • Helle, luftige Auftritte. Tellhoven ist dunkel geröstet, mit Crema auf Espresso. Wer Papierhelligkeit sucht, findet sie bei Darnholt.

Andere Branche? Alle Templates ansehen

Auf dem Handy zu Hause

Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Tellhoven 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 Tellhoven
Der Einstieg
Mobile Inhalts-Sektion des Templates Tellhoven
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

Tellhoven 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 Tellhoven 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

Ja. Die Rösterei ist eine Seite, die wegfallen kann, es bleiben fünfzehn. Wichtiger ist, dass es irgendein eigenes Handwerk gibt, das man zeigen kann: eine Backstube, eine Küche, eine Konditorei. Wer alles zukauft, sollte den Abschnitt streichen statt ihn mit fremdem Handwerk zu füllen.

Nicht als Buchung. Es gibt eine Anfrage per Formular, und der Text sagt, dass Reservierungen nur für Gruppen ab sechs Personen gelten. Wer echte Buchungen will, hängt ein Buchungssystem an und verlinkt es aus der Kopfleiste. Die Datenschutzerklärung braucht dann einen Abschnitt dazu.

Aus einem Wochenplan in der Datendatei, gerechnet in der Zeitzone des Hauses, dazu eine Liste mit Schließtagen. Der Abbinder zeigt den Status, die Minuten bis zur letzten Bestellung und die nächste Öffnung. Es läuft im Browser, ohne Server und ohne Pflegeaufwand.

Nein, und das mit Absicht. Beide Seiten sind Gerüste mit noindex und enthalten eine Liste dessen, was hineingehört, aber keinen vorformulierten Rechtstext. Für eine Gastronomie kommen Angaben dazu, die eine Agenturseite nicht braucht, etwa die Aufsichtsbehörde.

Beides ist berücksichtigt. Auf der Backwarenseite steht, dass die vollständige Kennzeichnung an der Theke ausliegt und welche Grundzutaten überall enthalten sind. Der Skill copywriting trägt die Grenzen der Health-Claims-Verordnung mit Beispielen, was verboten ist und was stattdessen geht.

Es siezt, durchgehend, auch in Formularhilfen, Bestätigungen und der Einwilligung. Wer auf Du umstellen will, findet im Skill copywriting die Regel dazu: entweder alles oder nichts, inklusive der kleinen Texte, die man leicht vergisst.

Keines zum Start. Siebenundfünfzig Motive liegen bei, jedes mit Fotograf, Profil, Quelle und unbeschnittenem Original außerhalb des Webroots. Acht Abschnitte sind gezeichnet und brauchen nie ein Foto.

Nein, alle erfunden, und die Seite sagt das selbst. Im Fußbereich steht auf jeder Seite, dass Firmierung, Anschrift, Preise, Termine, Zahlen und Stimmen Beispiele sind. Eine Straße mit dem Namen Ofenhof gibt es in Köln nicht, die Telefonnummer stammt aus der für Erfindungen reservierten 555-Gasse.

Im Auslieferungszustand nichts. Schriften und Bilder liegen lokal, eine Reichweitenmessung ist nicht eingebaut, sondern nur als leerer Platz vorgesehen, und die Karte von OpenStreetMap entsteht erst nach ausdrücklicher Einwilligung.

Statisch gebaut, kein Bild über 200 Kilobyte, jedes Bild mit Maßen und passenden Breiten, und das gesamte Verhalten liegt in zwei kleinen Skripten ohne Fremdpaket. Ohne JavaScript bleibt alles sichtbar, nur die Bewegung fehlt.

Es gibt drei Stellen, die dasselbe sagen müssen: den Wochenplan, der Status und strukturierte Daten treibt, die Kurzfassung auf der Kontaktseite und die Uhrzeiten in den Texten, etwa im Ofenplan. Der Skill qualitaetspruefung führt sie mit Datei und Feldnamen auf.

Ja, einmalig gekauft und für immer deins, für eigene Projekte und für Kundenprojekte, ohne Abo und ohne Nennung. Was nicht geht, ist das Template als Template weiterzuverkaufen.

Ja, als eigene Fassung: eine vollständig englische Website, nicht eine deutsche mit englischer Anleitung. Zahlen und Preise tragen die englische Schreibweise, und die Sprache hängt an einer einzigen Stelle im Code.

Dein nächster Schritt

Bereit für Tellhoven?

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 Tellhoven 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 € 89 € Early Bird bis 30. September, inkl. MwSt.