Zum Inhalt springen
Marktplatz · Café

Darnholt. Für Orte, die man erst betritt und dann bestellt

Darnholt ist das Template für Rösterei, Manufaktur und Ladenlokal, also überall dort, wo der Ort das Geschäft trägt und das Produkt die Wiederkehr. Papierfarbener Grund mit echter Knitterstruktur, eine einzige Signalfarbe, schwere Versalien und achtzehn Seiten, die beides beantworten: hat es jetzt offen, und warum ausgerechnet hier.

Vorschau ansehen

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

18 SeitenRöstgradskala mit fünf StufenNeun gezeichnete Abschnitte
Portrait von ai-website.com Creator dieses Templates ai-website.com
Die Geschichte

Ein Ort verkauft sich nicht über Stimmung , sondern über Genauigkeit

Die ganze Geschichte lesen

Gastronomie-Websites sehen fast alle gleich aus, und der Grund ist immer derselbe: Sie behaupten Atmosphäre, statt etwas zu erklären. Gemütlich, mit Leidenschaft, aus besten Zutaten. Wer so schreibt, hat die Zahl nicht gesucht.

Darnholt ist der Gegenentwurf. Zwölf Kilo je Charge. Achtzehn Stunden bei vier Grad. Achtundvierzig Plätze, Stromanschluss an acht davon. Jede Leistung trägt zwei harte Angaben, und an drei Stellen steht, was nicht geht.

Dazu kommt der Teil, den kein Mitbewerber kopieren kann: das Handwerk. Rösterei und Herkunft sind zwei eigene Seiten mit Röstkurve, Erntekalender und offengelegten Einkaufspreisen. Sie beantworten die Frage hinter der Frage, nämlich warum ausgerechnet hier.

Und der erste Bildschirm beantwortet die einfachste Frage von allen, bevor irgendjemand scrollt: Die Tagesleiste rechnet den Öffnungsstatus in Echtzeit und nennt das nächste Haus.

gebaute Seiten
18
gezeichnete Abschnitte
9
Schriftfamilie
1
fremde Aufrufe im HTML
0

Scroll dich durch die Startseite

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

darnholt.de
Vollständige Startseite des Templates Darnholt
  1. 01

    Der Auftakt ist ein Wortstapel

    Vier Zeilen Versalien in Archivo, Zeilenabstand 0,84, die letzten drei nur noch Echo und für Vorleseprogramme ausgeblendet. Kein Text liegt auf einem Foto. Das Bild steht daneben, nie dahinter.

  2. 02

    Die Tagesleiste rechnet mit der Uhr

    Welches Haus jetzt offen hat, was heute in der Trommel läuft und wann der nächste Kurs ist. Der Öffnungsstatus kommt aus einem Wochenplan in Minuten, nicht aus einem Text, den jemand pflegen muss.

  3. 03

    Die Röstgradskala ist das Herzstück

    Fünf Marken von hell bis dunkel auf einem Farbband, ein Zeiger, und zu jeder Marke eine Temperatur und ein Satz, was sich im Geschmack ändert. Aus einem Fachwort wird eine Erfahrung, die drei Sekunden dauert.

  4. 04

    Neun Abschnitte sind gezeichnet, nicht fotografiert

    Röstkurve, Profilbalken, Zeitstrahl, Erntekalender, Wochenbalken, Kaffeegürtel und Mahlgrade sind HTML und SVG. Sie bleiben scharf, prüfbar im Kontrast und übersetzbar, und sie wiegen nichts.

  5. 05

    Der Abbinder ersetzt die Handlungskachel

    Über dem Fußbereich steht auf jeder Seite eine große Editorial-Zeile, die selbst der Link ist, mit Kreispfeil und drei Nebenwegen darunter. Genau ein Schlussaufruf je Seite, nie zwei.

darnholt.de Scrollen zum Durchsehen
Vollständige Startseite des Templates Darnholt, 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
Zwanzig Getränke über vier Reiter des Templates Darnholt
Zwanzig Getränke über vier ReiterDie Karte schaltet ohne Nachladen zwischen Kaffee, Eistee, Drinks und Säften. Darunter der Koffeinvergleich in Milligramm je Portion, die Mahlgrade als Punktdichte und eine Milchtabelle, in der bei jeder pflanzlichen Alternative ohne Aufpreis steht.
Eine Röstkurve über vierzehn Minuten des Templates Darnholt
Eine Röstkurve über vierzehn MinutenBohnentemperatur im Zehn-Sekunden-Takt, mit Wendepunkt, erstem Knall und Abzug als Markierungen. Darunter der Tagesablauf als Zeitstrahl von fünf Uhr vierzig bis sieben am Abend.
Der Kaffeegürtel als Breitengraddiagramm des Templates Darnholt
Der Kaffeegürtel als BreitengraddiagrammAlle fünf Höfe zwischen den Wendekreisen, gekoppelt mit der Hofliste darunter. Dazu ein Erntekalender über zwölf Monate und ein Preisvergleich, der den eigenen Einkauf gegen Börsenwert und Fairtrade-Mindestpreis stellt.
Vier Häuser, Wochenbalken und Sperrfeld des Templates Darnholt
Vier Häuser, Wochenbalken und SperrfeldEine Vergleichstabelle für Plätze, Ausstattung und Zeiten, dann je Haus ein Wochenbalken mit dem Status von jetzt. Die Anfahrtskarte entsteht erst nach Einwilligung, vorher steht dort die Anschrift mit einem Verweis zum selbst Öffnen.
Ein Rechner, der beim Tippen mitrechnet des Templates Darnholt
Ein Rechner, der beim Tippen mitrechnetRöstung, Menge und Takt in drei Schritten, der Preis läuft mit. Darunter der Verbrauchsregler, der Tassen pro Tag in Gramm pro Monat umrechnet und die passende Stufe vorschlägt, samt der Stelle, an der sich keine lohnt.
Magazin mit Rubrikfilter des Templates Darnholt
Magazin mit RubrikfilterVier ausgeschriebene Beiträge zwischen 350 und 480 Wörtern, gefiltert nach Rubrik ohne Nachladen. Jeder Beitrag trägt ein Inhaltsverzeichnis, einen Lesefortschritt am oberen Rand und eine Stelle, an der etwas zugegeben wird.
Produktseiten aus einem Datenarray des Templates Darnholt
Produktseiten aus einem DatenarrayGeschmacksprofil über vier Achsen, das Thekenrezept in drei Schritten mit echten Werten, Zubereitungsangaben und vier verwandte Getränke. Ein neuer Eintrag mit einem Feld mehr ergibt eine vollständige Seite.
Antwortzeiten als Balken des Templates Darnholt
Antwortzeiten als BalkenDas Formular steht im Auftakt statt am Seitenende. Daneben die Kontaktwege mit Erreichbarkeit und darunter, wie schnell auf welchem Weg geantwortet wird, gemessen über sechs Monate.
darnholt.de Scrollen zum Durchsehen
Das Signature-Feature

Hell geröstet steht auf jeder zweiten Packung und sagt nichts

Die Röstgradskala macht aus einem Fachwort eine Erfahrung. Fünf Marken auf einem Farbband, ein Zeiger, und zu jeder Marke eine Temperatur und ein Satz, was sich im Geschmack ändert. Sie löst ein Branchenproblem, kein Designproblem.

  1. Fünf Marken, ein Datenarray

    Jeder Grad ist ein Eintrag mit Position in Prozent, Farbe, Temperatur und Text. Eine sechste Stufe ist eine Zeile, keine Umbauarbeit.

  2. Bedienbar, nicht dekorativ

    Der Zeiger wandert, die Farbe wechselt, Titel und Deutung wechseln mit, und aria-pressed wandert mit. Das Ganze ohne Nachladen und ohne Fremdpaket.

  3. Übertragbar auf jede Nische

    Eine Skala für Süße bei der Konditorei, für Reifegrad bei der Käserei, für Bitterkeit bei der Brauerei. Das Bauteil bleibt, nur die Tabelle wechselt.

  4. Kein Bild, kein Gewicht

    Farbband, Zeiger und Marken sind HTML und CSS. Scharf auf jedem Schirm, prüfbar im Kontrast, übersetzbar ohne neuen Export.

Zwanzig Getränke über vier Reiter des Templates Darnholt, komplette Seite
5
Röstgrade
0
Bilddateien dafür
3 s
bis es verstanden ist
Bereit, wenn du es bist

Mach Darnholt 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-darnholt.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 Darnholt gebaut ist

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

Gebaut für

  1. Röstereien, Brauereien, Käsereien und jede Manufaktur, die selbst herstellt und den Unterschied erklären muss
  2. Cafés, Bäckereien und Ladenlokale mit mehreren Häusern, bei denen Ort und Öffnungszeit die erste Frage sind
  3. Betriebe mit einem Abo oder einer festen Lieferung, die eine Menge, einen Takt und einen Preis darstellen müssen
  4. Handwerksbetriebe, die ihre Herkunft und ihre Preise offenlegen wollen, statt Nachhaltigkeit zu behaupten

Nicht gedacht für

  • Reine Onlineshops ohne Ladenlokal. Cafés, Anfahrt, Öffnungszeiten und Kurse sind vier von neun Hauptseiten, und es gibt keine Kasse. Ein Shop-Template mit Kategorien, Varianten und Bezahlstrecke ist die bessere Wahl.
  • Ketten mit vielen Standorten. Die Häuserliste ist auf eine Handvoll ausgelegt, mit eigener Erzählung je Haus. Ab etwa acht Standorten braucht es eine Suche mit Karte und Filter.
  • Betriebe ohne eigenes Handwerk. Rösterei und Herkunft tragen ein Drittel des Inhalts. Wer fremd bezieht und nur ausschenkt, streicht diese beiden Seiten besser, statt sie zu füllen.
  • Dunkle, elegante Auftritte. Darnholt ist papierhell mit einem warmen Braun. Wer Nachtstimmung sucht, findet sie bei Teeshot.

Andere Branche? Alle Templates ansehen

Auf dem Handy zu Hause

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

Darnholt bringt sein Wissen und seine 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 Darnholt 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

Wenn ihr selbst herstellt und einen Ort habt, ja. Die Röstgradskala wird zur Reifeskala oder zur Süßeskala, die Röstkurve zum Produktionsablauf, der Erntekalender zur Saison. Alle drei kommen aus einem Array in ihrer Datendatei, nicht aus dem Markup.

Nicht direkt. Der Warenkorb zählt im Browser, es gibt keine Kasse. Das ist Absicht: Ein Kassensystem bringt Zahlungsdienstleister, Widerrufsbelehrung, AGB und Versandkosten mit. Wer verkaufen will, hängt einen bestehenden Shop an und verlinkt aus Karte und Abo dorthin.

Nein, und das mit Absicht. Beide Seiten sind leer und tragen noindex. Sie enthalten eine Liste dessen, was hineingehört, aber keinen vorformulierten Rechtstext. Ein mitgelieferter Text wäre für die meisten Betriebe falsch, und ein fehlerhaftes Impressum ist abmahnbar.

Beides ist berücksichtigt. Auf der Karte steht ausdrücklich, dass die vollständige Allergenkennzeichnung an der Theke liegt und die Website sie nicht ersetzt. Der Skill copywriting trägt die Grenzen der Health-Claims-Verordnung mit einer Tabelle, was verboten ist und was stattdessen geht.

Es siezt, durchgehend, auch in Formularhilfen, Fehlermeldungen und der Einwilligung. Ein Betrieb mit mehreren Häusern und Firmenkunden siezt. Wer auf Du umstellen will, findet im Skill copywriting die Stelle, an der die Anrede hängt, und die Regel, dass alles zusammen umgestellt wird.

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

Nein, alle erfunden, und die Seite sagt das selbst. Im Fußbereich steht auf jeder Seite, dass Firmierung, Anschriften, Preise, Zahlen und Stimmen Beispiele sind. Die Straßennamen gibt es in Hamburg und Bremen nicht, die Telefonnummer stammt aus der für Erfindungen reservierten 555-Gasse.

Im Auslieferungszustand nichts. Schriften und Bilder liegen lokal, es ist keine Reichweitenmessung eingebaut, und die Anfahrtskarte entsteht erst nach ausdrücklicher Einwilligung. Vorher steht dort ein Sperrfeld mit der Anschrift.

Statisch gebaut, das gesamte Skript liegt unter fünf Kilobyte nach Kompression, kein Bild über 200 Kilobyte, und jedes Bild trägt Maße und einen unscharfen Platzhalter. Dadurch springt beim Laden nichts.

Es gibt drei Stellen, die dasselbe sagen müssen: den Wochenplan in Minuten, der Status und strukturierte Daten treibt, die Klartextliste für die Anzeige und die Zeile im Fußbereich. Der Skill qualitaetspruefung führt alle drei 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, und zwar als eigene Fassung: eine vollständig englische Website, nicht eine deutsche mit englischer Anleitung. Zahlen und Preise tragen dort die englische Schreibweise, und die Sprache hängt an einer einzigen Stelle im Code.

Dein nächster Schritt

Bereit für Darnholt?

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 Darnholt 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.