# AI Website Template Velling

> Die Pastell-Bühne für ein Programm, das sich selbst verkauft.

Velling ist das Template für Mentorinnen und Kurs-Anbieterinnen. Neun Seiten in heller Pastell-Welt: schwebende Stat-Karten, Blob-Fotos, Modul-Slider, Curriculum-Accordion und eine Preis-Karte mit Garantie-Baustein. Beispiel-Cases, Stimmen und FAQ sind fertig strukturiert. Per Chat wird daraus dein Programm.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Coaching & Beratung
- Seite: https://ai-website.com/de/templates/velling
- Demo-Identitaet (fiktiv): mira-velling.de

## Enthaltene Seiten

- Start
- Programm mit Curriculum & Preis
- Erfolge mit Beispiel-Cases
- Über mich
- Ressourcen & Freebies
- Kontakt mit FAQ
- Impressum & Datenschutz als Platzhalter
- 404

## Umfang

- 9 Seiten
- Pastell-Design mit Stat-Karten
- Programm-Seite mit Preis-Karte
- Astro + Tailwind + GSAP

## Gestaltung

- Farben: Papier #fbfaf8, Violett #8f6fe8, Rosa #f2b8d0, Tinte #16131d
- Headline-Schrift: Playfair Display, eine weiche Renaissance-Antiqua, selbst gehostet
- Textschrift: Inter Variable trägt Fließtext, Navigation und Knöpfe. Zwei Familien, klar getrennt

## Gedacht fuer

- Mentorinnen und Coaches, die ein Online-Programm oder einen Kurs verkaufen
- Kurs-Anbieterinnen mit Modulen, Boni und einer klaren Preis-Logik
- Personal Brands, deren Auftritt leicht und energiegeladen wirken soll
- Freelancer, die Programm-Landingpages wiederholt und planbar liefern wollen

## Nicht gedacht fuer

- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Ruhige Beratungs-Auftritte in Creme-Tönen, dafür gibt es Solborn
- Agenturen und Studios mit Projekt-Portfolio, dafür gibt es Novardt

## Was im Paket liegt

- `src/data/site.ts`: Die eine Inhaltsquelle. Programm, Module, Zahlen, Stimmen, FAQs und Preis als Datenstruktur
- `src/pages/`: Neun Seiten, die nur aus der Datenquelle lesen. Neue Module und Boni entstehen als Array-Eintrag
- `src/styles/global.css`: Alle Tokens im @theme-Block: vier Pastell-Familien, Papier und Tinte. Ein Markenwechsel ist eine Token-Änderung
- `src/layouts/Layout.astro`: SEO-Kopf mit Organization-Schema plus das komplette Animationssystem aus GSAP und Lenis
- `styleguide.html`: Der Styleguide im Browser. Farbwelt, Typografie, Buttons, Karten und der Marker-Strich
- `CLAUDE.md`: Die Guideline. Wie Velling denkt, gestaltet und schreibt, inklusive der Nischen-Sorgfalt
- `Wissen/ + .claude/skills/`: Vier Wissens-Dateien und sieben Skills, von Start bis Qualitätsprüfung
- `BILDNACHWEIS.md`: Alle Motive mit Quellen und Ersetzungsregeln, inklusive der Portrait-Pflicht vor dem Livegang

## 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. Das Ergebnis ist statisches HTML, das jeder Webspace ausliefert.

**Die Mentorin ist erfunden. Was heißt das für mich?**

Mira Velling, ihre Kontaktdaten, alle Zahlen und die mit Beispiel beschrifteten Stimmen sind Platzhalter und im Template als solche markiert. Der Skill Template-Aufbau führt durch den Umbau auf dein echtes Programm, inklusive Null-Treffer-Beweis.

**Ich verkaufe kein Business-Programm. Passt das Template trotzdem?**

Die Struktur trägt jedes Angebot mit Modulen und einem Preis: Kurse, Gruppenprogramme, Memberships, Workshops. Deine KI schreibt Module, Boni und Suchbegriffe auf deine Nische um, die Dramaturgie bleibt.

**Wie bleibt der Look erhalten, wenn ich Farben ändere?**

Alle Farben leben als Tokens im @theme-Block, die Regeln dazu stehen in CLAUDE.md und im Skill Design-System. Deine KI wechselt die Pastell-Töne, prüft die Kontraste und zieht den Styleguide mit, die Stimmung bleibt.

**Was ist mit den Umsatz-Zahlen auf der Seite?**

Bewusst als Platzhalter markiert: Die Dashboard-Karten, Zähler und Case-Zahlen sind erfunden und in der Guideline als solche festgehalten. Die Nischen-Sorgfalt im Template regelt, dass eigene Zahlen echte Belege brauchen.

**Sind Impressum und Datenschutz enthalten?**

Als leere Platzhalterseiten im Template-Design, bewusst ohne Rechtstexte, denn das wäre Rechtsberatung. Beide Seiten sind noindex und erklären ihre eigene Befüllung. Deine geprüften Texte trägst du ein, dann entfällt das noindex.

**Funktioniert das Kontaktformular sofort?**

Formular und Newsletter-Feld sind bewusst ohne Versand angelegt und werden beim Umbau an deinen Mailer oder Dienst gehängt, der Skill Template-Aufbau zeigt wie. Der Cookie-Hinweis funktioniert sofort und lädt von sich aus nichts.

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

Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und für dein Projekt einsetzen. Für immer deins, ohne Baukasten-Grenzen und ohne Wasserzeichen.

**Ist die Website auf Deutsch oder Englisch?**

Die Website selbst ist deutsch, ihr Zielmarkt auch. Guideline, Wissensordner und Skills bekommst du wahlweise auf Deutsch oder Englisch, deine Anweisungen an die KI funktionieren in beiden Sprachen.

---

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