Novardt Agentur
Der dunkle Studio-Auftritt, der Ergebnisse verkauft.
Von ai-website.com Marktplatz · Agentur Creator dieses Templates ai-website.com
Kursfeld. Gebaut für Dienstleister, deren Angebot Erklärung braucht, bevor jemand kauft.
Kursfeld ist das Template für Dienstleister mit erklärungsbedürftigem Angebot. Sechzehn Seiten, drei Leistungen mit eigenen Detailseiten, sechs Artikel und ein streng monochromes Design ohne eine einzige Bilddatei. Per Chat wird daraus dein Auftritt.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Creator dieses Templates ai-website.com Die Geschichte
Aus einem echten Agenturauftritt entstanden.
Die ganze Geschichte lesen
Kursfeld ist keine Studie am Reißbrett. Das Template entstand aus dem Auftritt einer Agentur, die ein erklärungsbedürftiges Angebot verkauft und dafür einen sehr ruhigen, sehr großen Stil gewählt hat. Für den Verkauf wurde alles anonymisiert und systematisiert. Die Agentur Kursfeld aus Köln und Leipzig ist erfunden, die Entscheidungen hinter ihrer Website sind echt.
Warum gibt es keine einzige Akzentfarbe? Warum ist die Headline so groß, dass sie fast unhöflich wirkt? Warum sagt die Seite an drei Stellen, für wen sie nicht passt? Solche Entscheidungen stehen als Begründung im Template, in der CLAUDE.md und im Wissensordner. Deine KI liest sie und arbeitet in ihrem Sinn weiter, statt drauflos zu raten.
Das Ergebnis ist ein Auftritt, der nach Haltung aussieht und nicht nach Baukasten. Genau an der Stelle, an der sonst die Inhalte des Kunden kommen, übernimmst du.
- fertige Seiten
- 16
- Artikel, ausformuliert
- 6
- Bilddateien nötig
- 0
- Skills für deine KI
- 6
Scroll dich durch die Startseite.
Die Startseite von Kursfeld wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Ein Auftakt, der die Architektur zeigt
Riesige Headline links, ein Panel mit den drei Bausteinen rechts. Der Besucher sieht das Angebot als Bild, bevor er einen Satz gelesen hat. Das Panel ist HTML, kein Screenshot.
- 02
Der Name als Versprechen
Vier dunkle Felder, vier Buchstaben, vier Zusagen. Eine Sektion, die Haltung transportiert, ohne einen einzigen Verkaufssatz. Passt dein Name nicht auf vier Felder, erklärt der Skill drei Auswege.
- 03
Drei Bausteine auf Nachtfläche
Der Kern des Angebots liegt auf dem dunklen Band. Der Flächenwechsel gibt der langen Startseite Rhythmus und macht diese Stelle zum Zentrum, ganz ohne Farbe.
- 04
Der Vergleich, der Einwände beantwortet
Zwei Spalten, sechs Zeilen, links das Übliche, rechts der eigene Weg. Ehrlicher Vergleich statt Superlative, das ist hier das Verkaufsargument.
- 05
Vier Schritte bis zur Übergabe
Ablauf mit Dauer je Schritt. Wer eine erklärungsbedürftige Leistung verkauft, senkt genau hier die Hemmschwelle zur ersten Anfrage.
Nicht eine Seite. Alle.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
1 / 6
Das Highlight
Ein Design, das ohne Bilder trägt.
Die meisten Templates stehen und fallen mit ihren Fotos. Kursfeld enthält keine einzige Bilddatei. Jede Fläche, jedes Panel und jedes Symbol ist HTML, CSS und Inline-SVG. Das ist keine Sparmaßnahme, sondern der Grund, warum das Template bei dir genauso aussieht wie hier.
- Keine Lizenzfragen, keine Portraits
Ohne Stockfotos gibt es keine Lizenz zu prüfen, und ohne Personenfotos keine Einwilligung einzuholen. Das Team steht mit Initialen statt Gesichtern.
- Alles direkt editierbar
Das Architektur-Panel im Hero ist Text im Markup. Deine KI ändert eine Zeile in den Daten, statt ein Bild neu zu bauen.
- Schnell ohne Zutun
Die Seite lädt ohne eine einzige Bildanfrage und ohne fremden Server. Schrift liegt lokal, Tracking gibt es keins.
- 0
- Bilddateien
- 0
- fremde Server
- 1
- Schriftfamilie
Bereit, wenn du es bist
Mach Kursfeld 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 + .context
ai-website-template-kursfeld.zip Sofort-Download Direkt kaufen 99 € 89 €
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 bekommst den Projektordner als ZIP und baust ihn selbst um. Dafür brauchst du einen Code-Editor und ein KI-Werkzeug wie Claude Code. Der Weg dahin steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danach 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
Für wen Kursfeld gebaut ist.
Ein Template wird gut, wenn es sich entscheidet. Kursfeld ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Agenturen und Beratungen, deren Angebot vor dem Kauf verstanden werden muss
- Dienstleister mit zwei bis fünf Leistungen, die jeweils eine eigene Seite verdienen
- Handwerk und Studios mit Planungsphase, die seriös statt laut auftreten wollen
- Freelancer, die Dienstleister-Auftritte wiederholt und planbar liefern wollen
Nicht gedacht für
- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Produkt- und App-Auftritte mit Dokumentation und Roadmap, dafür gibt es Relaya
- Personenmarken, bei denen ein Gesicht und ein Blog im Mittelpunkt stehen, dafür gibt es Klarenholt
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause.
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Kursfeld 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.
Das steckt im ZIP.
Du kaufst keine Vorlage, sondern ein Template. Website, Wissen und Skills, sofort einsatzbereit für dich und deine KI.
src/data/ Alle Texte an drei Stellen. site.ts trägt Startseite und Navigation, leistungen.ts die drei Leistungen, seiten.ts die Unterseiten src/components/sections/ Die vierzehn Bausteine der Startseite. Umstellen heißt eine Zeile verschieben src/content/artikel/ Sechs Artikel als Markdown. Ein neuer Artikel ist eine neue Datei, Übersicht und Sitemap ziehen nach src/styles/global.css Alle Farben, Radien und Abstände als Custom Properties in :root. Ein Markenwechsel ist ein Wechsel dieser Werte styleguide.html Der Styleguide im Browser. Flächen, Tinte, Typografie, Knöpfe und die prägenden Sections CLAUDE.md Die Guideline. Wie Kursfeld denkt, gestaltet und schreibt .context/ Der Wissensordner. Zielgruppe, Ton, Komponenten-Bauplan, SEO-Strategie .claude/skills/ Sieben Skills. Systemwissen, Template-Aufbau, Design-System, Copywriting, SEO, Qualitätsprüfung Ein Satz genügt
So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
Template-Aufbau
„Mach aus Kursfeld die Website meiner Steuerkanzlei in Bremen, drei Leistungen.“
Design-System
„Die Seite darf einen Akzentton bekommen, ein tiefes Grün, Kontraste bitte prüfen.“
Copywriting
„Stell die ganze Seite von du auf Sie um, ohne den Ton zu verlieren.“
SEO
„Optimiere alle Titel und Beschreibungen auf Bremen statt Köln und Leipzig.“
Systemwissen
„Wir haben fünf Leistungen statt drei, führ mich durch den Umbau.“
89 € einmalig, inkl. MwSt. Alles aus diesem Baum gehört dir.
Vom ZIP zur Live-Website.
Drei Schritte, keine Agentur-Warteschleife. Du brauchst Node.js, einen Editor und eine Stunde Neugier.
- 01
Template entpacken
ZIP öffnen, Ordner in Claude Code öffnen, npm install und npm run dev. Sechzehn Seiten laufen sofort unter localhost.
- 02
KI einweisen
Die CLAUDE.md erklärt deiner KI das System, die sieben Skills wissen, wie man es anpasst. Auch die Astro-Falle mit gekapselten Styles kennen sie.
- 03
Inhalte rein, live gehen
Der Skill Template-Aufbau führt durch den Umbau auf deine Marke. npm run build erzeugt statisches HTML, das auf jedem Webspace läuft.
Mehr als eine schöne Oberfläche.
Kursfeld 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 Kursfeld denkt, gestaltet und schreibt.
Wissensordner. Der .context 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.
Node und idealerweise Claude Code. Einmal npm install, dann npm run dev für die Vorschau und npm run build für die fertige Seite. Auch ohne KI bleibt es sauberes Astro mit TypeScript, das jeder Entwickler versteht.
Weil das eine Entscheidung ist und keine Lücke. Der Kontrast entsteht aus Größe, Gewicht und dem Wechsel zwischen hellen und dunklen Flächen. Wenn du eine Farbe willst, erklärt der Skill Design-System die genau drei Stellen, an denen sie hingehört, und prüft danach die Kontraste.
Das Architektur-Panel im Hero, das Namensraster, die Vergleichstabelle und alle Symbole sind HTML, CSS und Inline-SVG. Die Seite lebt von Flächen und Typografie statt von Fotos. Du kannst jederzeit eigene Bilder ergänzen, der Skill Design-System führt durch Ablage, Alt-Texte und Einwilligungen.
Besser nicht unverändert. Die sechs Texte sind Beispielinhalte einer erfundenen Agentur und liegen in jedem verkauften Template gleich. Nutze sie als Gerüst und Tonvorlage und lass sie von deiner KI auf deine Fälle umschreiben, dann sind sie deine.
Nein, das sind Beispielwerte im Template, und die Seite sagt das auch sichtbar. Du ersetzt sie durch deine echten Preise oder entfernst den Preisblock, wenn du nicht öffentlich kalkulierst. Der Skill Template-Aufbau nennt beide Fundstellen.
Nein, bewusst nicht. Wir liefern keine Rechtstexte, weil wir keine Rechtsberatung anbieten. Die Footer-Links sind vorbereitet, die beiden Seiten legst du mit deinen eigenen, geprüften Texten an.
Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und für dein Projekt einsetzen. Für immer deins, ohne Baukasten-Grenzen und ohne Wasserzeichen.
Ja. npm run build erzeugt reines statisches HTML in dist/, das auf jedem Webspace läuft. Kein Server, keine Datenbank, kein PHP. Die beiden Formulare sind ohne Versand angelegt und werden an deinen eigenen Endpunkt gehängt.
Aktuell per E-Mail-Bestellung. Du schreibst uns kurz, für wen die Website gedacht ist, und bekommst das ZIP mit allem Drum und Dran. Guideline, Wissensordner und Skills gibt es wahlweise auf Deutsch oder Englisch.
Mehr aus dem Marktplatz.
5, die dazu passen
Von ai-website.com 
Neu im Marktplatz Levarth Finanzen
Der Auftritt für Beratung, die man nachrechnen kann.
Von ai-website.com 
Neu im Marktplatz 
Neu im Marktplatz Anverth Finanzen
Der Auftritt für Beratung, die nichts verkauft.
Von ai-website.com 
Neu im Marktplatz Aurstett Finanzen
Der Auftritt für Beratung, die eine Person ist.
Von ai-website.com Dein nächster Schritt
Was alles drin ist Bereit für Kursfeld?
Das komplette Template liegt fertig als ZIP bereit. Kauf es direkt oder schau dir vorher noch einmal an, was alles drin ist.
- 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 Kursfeld deine Marke, Seite für Seite.