# AI Website Template Almstedt

> Der Auftritt für Coaches, die Substanz statt Sprüche verkaufen.

Almstedt ist das Template für Executive Coaching und Beratung. Elf Seiten, drei Angebots-Strecken, eine komplette Leadmagnet-Strecke mit lesbarem Leitfaden und Selbst-Check, dazu eine Scroll-Dramaturgie aus Wort-Reveals, Zählern und Mockups. Per Chat wird daraus dein Auftritt.

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

## Enthaltene Seiten

- Start
- Executive Coaching
- Programme
- Methode
- Über mich
- Leitfaden-Landing
- Leitfaden-Volltext
- Kontakt
- Impressum & Datenschutz als Platzhalter
- 404

## Umfang

- 11 Seiten
- Leadmagnet-Strecke komplett
- GSAP-Scroll-Dramaturgie
- Astro + React

## Gestaltung

- Farben: Papier #ffffff, Wolke #f9fafb, Kobalt #2563eb, Tinte #1f2124
- Headline-Schrift: Figtree, groß und eng gesetzt, selbst gehostet
- Textschrift: Caveat nur als Handschrift-Akzent für Notizen und Sticker

## Gedacht fuer

- Executive Coaches und Leadership-Beratungen mit klarer Methode
- Beraterinnen und Berater, die über einen Leadmagneten Leads aufbauen wollen
- Trainer mit Programmen für Teams, deren Auftritt auch HR überzeugen muss
- Freelancer, die Coaching-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
- Kanzleien und stark regulierte Beratung mit Notfall-Logik, dafür gibt es Nordhelm

## Was im Paket liegt

- `src/data/site.ts`: Die eine Inhaltsquelle. Angebote, Zahlen, Stimmen, Methode-Phasen, FAQs und der komplette Leitfaden als Datenstruktur
- `src/components/`: Header, Footer, Mockup-Rahmen, Sticker, Sektions-Bausteine. Dazu React-Inseln für Formulare, Tabs und den Selbst-Check
- `src/styles/global.css`: Alle Tokens im @theme-Block plus die sieben tone-Farbwelten. Ein Markenwechsel ist ein Wechsel dieser Werte
- `styleguide.html`: Der Styleguide im Browser. Kobalt-Skala, Farbwelten, Typografie, Pills und Karte
- `CLAUDE.md`: Die Guideline. Wie Almstedt denkt, gestaltet und schreibt, inklusive der eisernen Farbwelt-Regel
- `Wissen/`: Der Wissensordner. Zielgruppe, Ton, Komponenten-Bauplan, SEO-Strategie
- `.claude/skills/`: Sieben Skills. Start, Template-Aufbau, Systemwissen, Copywriting, SEO, Design-System, Qualitätsprüfung
- `BILDNACHWEIS.md`: Alle zwölf Unsplash-Motive mit 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. Auch ohne KI bleibt es sauberes Astro mit TypeScript und React-Inseln, das jeder Entwickler versteht.

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

Vera Almstedt, ihre Zahlen, Kundenstimmen und Referenz-Marken sind Platzhalter und im Template als solche markiert. Der Skill Template-Aufbau führt durch den Umbau auf deine echte Beratung, inklusive Null-Treffer-Beweis, damit nichts Erfundenes live geht.

**Funktioniert der Leitfaden auch für mein Thema?**

Ja, die Strecke ist das Gerüst: Painpoint, fünf Kapitel, Selbst-Check, Formular. Deine KI schreibt Titel, Kapitel und Check-Aussagen auf dein Thema um. Die Struktur, der Lesefortschritt und die Anbindung an die Seite bleiben stehen.

**Sind die Fotos frei verwendbar?**

Die zwölf Motive sind lokale Unsplash-Bilder unter der Unsplash-Lizenz, Quellen in der BILDNACHWEIS.md. Die beiden Portraits der Persona haben kein Model-Release und werden vor dem Livegang durch eigene Fotos ersetzt, das Template erinnert dich daran.

**Was ist mit den Animationen auf schwächeren Geräten?**

Die Dramaturgie läuft über GSAP mit einem zentralen System und respektiert prefers-reduced-motion vollständig: Wer weniger Bewegung wünscht, bekommt alle Inhalte ruhig und sofort sichtbar.

**Sind Impressum und Datenschutz enthalten?**

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

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

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

Ja. npm run build erzeugt statisches HTML in dist/, das auf jedem Webspace läuft. Kein Server, keine Datenbank. Die beiden Formulare sind ohne Versand angelegt und werden an deinen eigenen Endpunkt oder dein CRM gehängt.

**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/almstedt · Englisch: https://ai-website.com/templates/almstedt · Alle Templates: https://ai-website.com/llms.txt
