# AI Website Template Kursfeld

> Der Auftritt für alles, was vor dem Kauf erklärt werden muss.

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.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Agentur & Dienstleistung
- Seite: https://ai-website.com/de/templates/kursfeld

## Enthaltene Seiten

- Start
- Leistungen
- 3 Detailseiten
- Über uns
- Häufige Fragen
- Kontakt
- Artikel
- 6 Beiträge
- 404

## Umfang

- 16 Seiten
- 6 Artikel
- Ohne eine Bilddatei
- Astro, statisch

## Gestaltung

- Farben: Papier #fbfbfd, Papier warm #f4f4f6, Nacht #0b0b0d, Tinte #1d1d1f
- Headline-Schrift: Segoe UI, sehr groß und sehr eng gesetzt
- Textschrift: Inter Variable, selbst gehostet als Rückfall

## Gedacht fuer

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

- 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

## Was im Paket liegt

- `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
- `Wissen/`: Der Wissensordner. Zielgruppe, Ton, Komponenten-Bauplan, SEO-Strategie
- `.claude/skills/`: Sieben Skills. Systemwissen, Template-Aufbau, Design-System, Copywriting, SEO, Qualitätsprüfung

## FAQ

**Was brauche ich, um mit dem Template zu arbeiten?**

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.

**Warum gibt es keine einzige Farbe außer Schwarz und Weiß?**

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.

**Wirklich keine Bilder? Sieht das nicht leer aus?**

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.

**Kann ich die Artikel einfach so veröffentlichen?**

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.

**Sind die Preise auf den Leistungsseiten verbindlich?**

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.

**Sind Impressum und Datenschutz enthalten?**

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.

**Gehört mir der Code danach wirklich?**

Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und für dein Projekt einsetzen. Für immer deins, für eigene Websites und für Kundenprojekte. Was nicht geht, ist das Template als Template weiterzuverkaufen.

**Läuft die Website auf meinem Hosting?**

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.

**Wie kommt das Template zu mir?**

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.

---

Kanonische Seite: https://ai-website.com/de/templates/kursfeld · Englisch: https://ai-website.com/templates/kursfeld · Alle Templates: https://ai-website.com/llms.txt