Neu im Marktplatz Marktplatz · Coaching 
Creator dieses Templates ai-website.com
Klarstand. Gebaut für Beraterinnen, die Belege zeigen statt Versprechen
Klarstand ist das Template für Karrierecoaching und Beratung mit gehobener Zielgruppe.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Creator dieses Templates ai-website.com Die Geschichte
Eine Seite, die nichts verspricht
Die ganze Geschichte lesen
Coaching-Websites versprechen fast alle dasselbe: den Durchbruch, das volle Potenzial, den nächsten Level. Genau diese Sprache verliert die Leute, die tatsächlich zahlen würden, nämlich die skeptischen. Klarstand geht den anderen Weg. Eine Antiqua in Versalien statt der üblichen freundlichen Grotesk, tiefes Navy statt Pastell, und Preise, die sichtbar dastehen.
Der Auftakt ist randlos geteilt: links Creme mit der Überschrift in Versalien, rechts Navy mit einem Schwarzweiß-Porträt, beide Hälften bis an die Kante. Das wirkt wie eine Titelseite, nicht wie eine Landingpage, und genau deshalb bleibt es hängen.
Sand ist die einzige dritte Farbe und es gibt sie zweimal: ein dunkles Sand für Creme, ein helles für Navy. Diese Trennung ist keine Feinheit, sie ist der Grund, warum die Seite jede Kontrastprüfung besteht, ohne blass zu werden.
- fertige Seiten
- 23
- Journal-Beiträge
- 4
- Angebote mit eigenen Seiten
- 4
- Skills für deine KI
- 7
Scroll dich durch die Startseite
Die Startseite von Klarstand wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Der geteilte Auftakt
Links Creme mit der Überschrift in Versalien, rechts Navy mit einem Schwarzweiß-Porträt. Beide Hälften laufen randlos bis an die Containerkante, ohne Rundung, ohne Schatten.
- 02
Das Logo-Band
Ein Endlosband mit acht Platzhalter-Marken samt Zeichen. Die Beschriftung sagt selbst, dass es Platzhalter sind. Der Käufer tauscht acht Namen gegen seine Referenzen und hat sofort einen Vertrauensbeweis.
- 03
Zahlen mit Beispiel-Vermerk
Kennzahlen in Playfair, darunter steht sichtbar, dass es Beispielwerte der Demo sind. Der Vermerk bleibt, bis echte Zahlen dort stehen.
- 04
Die nummerierten Kacheln
Drei Navy-Kacheln mit großen Ziffern in Sand, 01 bis 03. Sie tragen den Ablauf, ohne dass ein einziges Symbol nötig wäre.
- 05
Vier Wege, offene Preise
Vier Angebotsseiten für vier Lebenslagen, jede mit eigener Auftaktform. Die Preise stehen sichtbar da, markiert als Beispielpreise der Demo.
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
Sand, das zweimal existiert
Die meisten Templates haben eine Akzentfarbe und benutzen sie überall. Klarstand hat sie zweimal: `--sand` trägt auf Creme, `--sand-hell` trägt auf Navy. Die Flächenklassen `.dunkel` und `.hell` schalten die Rollen an einer einzigen Stelle um, sodass keine Komponente ihre eigenen Farben kennen muss. Klingt nach einer Feinheit, ist aber der Unterschied zwischen einer Seite, die gut aussieht, und einer, die bei jedem harten Wechsel von Navy auf Creme lesbar bleibt.
- Zwei Tokens, eine Farbe
4,7:1 auf Creme, 4,8:1 auf Navy. Die Flächenklasse entscheidet, welcher Wert gilt, nicht die Komponente.
- Eine Lesebreite
832 Pixel für jeden Fließtext, 1216 für das Skelett. Eine dritte Breite gibt es nicht, und die Lesespalte beginnt an derselben linken Kante wie das Skelett.
- Kacheln runden, Bilder nicht
Acht Pixel Radius auf Kacheln und Feldern, null auf jedem Bildrahmen. Der harte Schnitt gegen die gerundeten Kacheln ist die Handschrift.
- 23
- fertige Seiten
- 4
- verschiedene Auftakte
- 18
- lokale Bilder
Bereit, wenn du es bist
Mach Klarstand 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 + Wissen
ai-website-template-klarstand.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 baust den Projektordner selbst um, mit einem Code-Editor und einem KI-Werkzeug wie Claude Code. Wie das geht, steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danach Made in Germany, von Webdesignern gebaut 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 Made in Germany
Für wen Klarstand gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Klarstand ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- 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 für
- 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
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Klarstand 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
Die Website und ihre Arbeitsgrundlage in einem Projektordner. Beispielinhalte passt du vor dem Livegang an.
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 Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
Template-Aufbau
„Mach aus Klarstand die Website meiner Führungsberatung in Hamburg.“
Copywriting
„Schreib die vier Angebote auf meine Formate um und duze durchgehend.“
SEO
„Leg einen fünften Journal-Beitrag an: Wie führe ich mein erstes Kritikgespräch?“
Design-System
„Tausch Navy gegen Tannengrün, aber lass Sand als Akzent stehen.“
89 € einmalig, inkl. MwSt. Alles aus diesem Baum gehört dir.
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
Mehr als eine schöne Oberfläche
Klarstand 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 Klarstand denkt, gestaltet und schreibt.
Wissensordner. Der Ordner Wissen 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. Das Ergebnis ist statisches HTML, das jeder Webspace ausliefert.
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.
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.
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.
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.
Ja, es gibt zwei Fassungen. Die englische enthält dieselbe Website mit englischen Texten und eine englische Wissensschicht samt Skills.
Mehr aus dem Marktplatz
5, die dazu passen
Neu im Marktplatz 
Sedrahl Coaching
Der Auftritt für ein Mitgliederangebot, das sein Wissen durchsuchbar macht.
89 € Ansehen
Alle Coaching-Templates ansehen
Zum Weiterlesen im Ratgeber · Die 10 besten Website-Vorlagen für Coaches und Berater 2026 · Coaching-Website erstellen, der komplette Leitfaden · 12 Muster, mit denen Coaching-Websites Vertrauen aufbauen
Dein nächster Schritt
Was alles drin ist Bereit für Klarstand?
Das komplette Template liegt als ZIP bereit.
- 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 Klarstand deine Marke, Seite für Seite.