Neu im Marktplatz Velbrandt Coaching
Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Von ai-website.com 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. 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.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
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 + .context
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 bekommst den Projektordner als ZIP und baust ihn selbst um. Dafür brauchst du einen Code-Editor und ein KI-Werkzeug wie Claude Code. Der Weg dahin steht in der Dokumentation.
Sichere Zahlung über Stripe, das ZIP kommt direkt danach 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
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.
Du kaufst keine Vorlage, sondern ein Template. Website, Wissen und Skills, sofort einsatzbereit für dich und deine KI.
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 Ein Satz genügt
So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
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, keine Agentur-Warteschleife. Du brauchst Node.js, einen Editor und eine Stunde Neugier.
- 01
Template entpacken
ZIP öffnen, Ordner in Claude Code öffnen, npm install und npm run dev. Dreiundzwanzig Seiten laufen sofort unter localhost.
- 02
KI einweisen
Die CLAUDE.md erklärt die eiserne Regel: Navy und Creme im harten Wechsel, Sand existiert zweimal, und Bildrahmen bleiben eckig, während Kacheln runden.
- 03
Marke und Belege tauschen
Name, Person, Stadt und Preise ersetzen. Jede Stimme und jede Zahl ist als Beispiel markiert. Beleg da, Markierung weg. Kein Beleg, Aussage weg.
- 04
Bilder und Recht
Achtzehn Motive tauschen, Liste im Bildnachweis. Impressum und Datenschutz sind Gerüste mit Anleitung und stehen auf noindex.
- 05
Bauen und hochladen
npm run build erzeugt statisches HTML. Der dist-Ordner läuft auf jedem Webspace, ohne Datenbank und ohne Node auf dem Server.
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 .context 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 Von ai-website.com 
Sedrahl Coaching
Der Auftritt für ein Mitgliederangebot, das sein Wissen durchsuchbar macht.
Von ai-website.com 
Polaris Coaching
Der Auftritt für ein Karrierecoaching, das die Gegenseite kennt.
Von ai-website.com 
Belhardt Coaching
Der Editorial-Auftritt für Coaching, das Frauen über Geld sprechen lässt.
Von ai-website.com 
Hellwach Coaching
Der Auftritt für ein Mindset-Coaching, das Floskeln allergisch findet.
Von ai-website.com Dein nächster Schritt
Was alles drin ist Bereit für Klarstand?
Das komplette Template liegt fertig als ZIP bereit. Kauf es direkt oder schau dir vorher noch einmal an, was alles drin ist.
- 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.