# AI Website Template Klarstand

> Der Auftritt für ein Coaching, das nichts verspricht und alles belegt.

Klarstand ist das Template für Karrierecoaching und Beratung mit gehobener Zielgruppe. Dreiundzwanzig Seiten in tiefem Navy und warmem Creme, die als ganzflächige Bänder im harten Wechsel gegeneinander stehen, gesetzt in Playfair Display und Inter. Vier verschiedene Auftakte, damit keine zwei Seiten gleich aussehen: ein randlos geteilter Auftakt mit Versalüberschrift links und Schwarzweiß-Porträt rechts, randlose Hälften aus Bild und Farbfläche, ein Formular mit dunkler Seitenspalte und ein Editorial-Kopf ohne Bild. Vier Angebotsseiten für vier Lebenslagen, drei Fallseiten mit Vorher und Nachher, elf Stimmen und ein Journal mit vier Beiträgen. Alles ohne Framework, ohne CSS-Bibliothek, komplett statisch.

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

## Enthaltene Seiten

- Start
- Über mich mit Stationen
- Methode in vier Phasen
- Programm über zwölf Wochen
- Angebote mit vier Detailseiten
- Ergebnisse mit drei Fallseiten
- Stimmen mit elf Rückmeldungen
- Journal mit 4 Beiträgen
- FAQ mit 12 Fragen
- Kontakt mit Formular
- Impressum & Datenschutz als Gerüst
- 404

## Umfang

- 23 Seiten
- Vier verschiedene Auftakte
- Antiqua und Grotesk sauber getrennt
- Astro 5, ohne Framework, statisch

## Gestaltung

- Farben: Navy #101f38, Creme #f9f4f1, Sand #6a5230, Tinte #14202f
- Headline-Schrift: Playfair Display in Versalien bis 4rem, mit kursiven Augenbrauen über jeder Überschrift als einzigem Schmuck, lokal als WOFF2
- Textschrift: Inter trägt Fließtext, Navigation und Knöpfe. Zwei Familien, sauber getrennt: Antiqua für Stimme, Grotesk für Handwerk

## Gedacht fuer

- Karriere-, Führungs- und Business-Coaches mit sichtbaren Preisen
- Beraterinnen und Berater, die eine gehobene Zielgruppe siezen
- Coaches mit mehreren Formaten, von der Einzelsitzung bis zum Jahresmandat
- Freelancer, die Beratungsauftritte wiederholt liefern

## Nicht gedacht fuer

- Wer eine bunte, verspielte Seite sucht, hier ist alles ruhig und dunkel
- Wer keine Preise zeigen will, das Raster lebt von offenen Zahlen
- Wer eine Shop- oder Buchungsfunktion braucht, die Seite ist statisch

## Was im Paket liegt

- `src/data/seite.ts`: Die Datenzentrale: Marke, Navigation, Angebote, Fälle, Stimmen, Fragen, Journal und Kennzahlen an einer Stelle
- `src/styles/`: Vier Dateien: Tokens und Grundlagen, Kopf und Fuß, jede Komponente, die Schriftdeklarationen
- `src/pages/`: Dreizehn Einzelseiten und drei Datenrouten. Ein neuer Eintrag ist eine neue Seite samt Karte und Sitemap-Zeile
- `Bilder/unsplash/`: Die achtzehn unbeschnittenen Originale, außerhalb des Webroots, für eigene Zuschnitte
- `Wissen/`: Zielgruppe, Tonalität, SEO-Strategie und der Komponenten-Bauplan mit allen Tokens
- `.claude/skills/`: Sieben Playbooks, vom ersten Gespräch über den Umbau bis zur 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. Das Ergebnis ist statisches HTML, das jeder Webspace ausliefert.

**Kann ich die Farben ändern?**

Ja, alle Farben liegen als Tokens am Kopf von basis.css. Wichtig ist nur die eine Regel: Sand gibt es für helle und für dunkle Flächen, und die beiden werden nicht vertauscht. Der Komponenten-Bauplan im Wissensordner erklärt, warum.

**Warum steht überall Beispiel dran?**

Weil alle Stimmen, Fälle und Zahlen im Auslieferungszustand erfunden sind. Die Markierungen bleiben stehen, bis echte, freigegebene Inhalte dort stehen. Genau deshalb darf die Demo überhaupt online sein.

**Sind die Bilder frei nutzbar?**

Alle achtzehn Motive stammen von Unsplash und stehen unter der Unsplash-Lizenz, auch kommerziell. Die unbeschnittenen Originale liegen mit im Paket. Vier Motive zeigen echte Menschen ohne Model-Release für deine Marke und werden vor dem Livegang getauscht.

**Die Seite siezt. Kann ich das ändern?**

Ja, aber dann auf allen dreiundzwanzig Seiten. Das Siezen ist hier kein Formalismus, es gehört zur Zielgruppe. Der Skill Copywriting stellt die Anrede in einem Durchgang um.

**Bekomme ich das Template auch auf Englisch?**

Ja, es gibt zwei Fassungen. Die englische enthält dieselbe Website mit englischen Texten und eine englische Wissensschicht samt Skills.

---

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