Neu im Marktplatz Ravensteg. Gebaut für Coaches, die widersprechen statt zu bestätigen
Ravensteg ist das Template für Executive Coaching, also für die eine Person, die Geschäftsführung und Vorstände begleitet. Einundzwanzig Seiten in Navy, Amber und Beton, jede mit einem eigenen Auftakt statt einer Hero-Section für alles.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Ein Auftritt, der das Misstrauen als Ausgangszustand nimmt
Die ganze Geschichte lesen
Executive Coaching wird nicht gegoogelt, es wird empfohlen. Wer auf so einer Website landet, hat den Namen von jemandem gehört und will jetzt herausfinden, ob der Mensch dahinter etwas taugt. Die Seite muss also keine Aufmerksamkeit gewinnen. Sie muss ein Misstrauen auflösen, und zwar in dieser Reihenfolge: Hat die Person selbst geführt? Was kostet es? Ist Verschwiegenheit selbstverständlich?
Deshalb steht in dieser Vorlage die eigene Laufbahn früh und mit Jahreszahlen, deshalb nennen alle vier Mandate ihr Honorar, und deshalb sind die Fälle auf Profile anonymisiert statt mit Firmennamen geschmückt. Genau so veröffentlicht ein Coach unter Verschwiegenheit seine Referenzen tatsächlich.
Die zweite Entscheidung betrifft den Auftakt. Jede Seitenart bekommt einen eigenen: der harte Zweischlag aus Fotografie und Betonfläche auf der Startseite, eine Amberfläche mit einschneidendem Porträt bei der Person, ein helles Verzeichnis bei den Mandaten, eine bildfüllende Bühnenaufnahme bei den Vorträgen. Keine Unterseite sieht aus wie die vorige.
- fertige Seiten
- 21
- eigene Auftakte
- 13
- Mandate mit Honorar
- 4
- Skills für deine KI
- 7
Scroll dich durch die Startseite
Die Startseite von Ravensteg wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Der Zweischlag im Auftakt
Fotografie links, Betonfläche rechts, ohne Fuge dazwischen. Kein Verlauf, keine Rundung, keine weiche Kante. Die Härte ist das Argument.
- 02
Der Amber-Marker
Unter genau einem Wort der Hauptzeile wird beim Scrollen ein Strich gezogen. Er gehört der Hauptzeile allein, nie einer Zwischenüberschrift. Wer ihn überall setzt, hat ihn nirgends.
- 03
Vier Mandate, vier Detailseiten
Executive Sparring, Erste hundert Tage, Führungskreis, Standortbestimmung. Jedes mit Dauer, Takt, Honorar und Ablauf, keines mit einem Versprechen.
- 04
Fälle statt Referenzen
Die Mandanten stehen als Profil da, nicht als Firmenname. Ausgangslage, Arbeit daran, was sich danach verändert hat. Sichtbar als Beispiel gekennzeichnet.
- 05
Zahlen, die hochlaufen
Das Zahlband zählt beim Scrollen hoch. Der Endwert steht fertig im Markup, deshalb steht bei abgeschalteter Bewegung die richtige Zahl da und keine Null.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Ein eigener Auftakt für jede Seitenart
Die meisten Vorlagen bauen eine Hero-Section und wiederholen sie auf zwölf Seiten. Ravensteg hat dreizehn verschiedene: den harten Zweischlag auf der Startseite, die Amberfläche mit einschneidendem Porträt bei der Person, die mittige Navyfläche mit Umrissziffern bei der Arbeitsweise, das helle Verzeichnis mit mitlaufendem Bild bei den Mandaten, das dunkle Band mit Kennziffer auf den Detailseiten, das große Anführungszeichen bei den Stimmen, die bildfüllende Aufnahme bei der Bühne, das Riesenwort beim Journal. Wer durch die Seiten klickt, merkt an jedem Wechsel, dass er woanders ist.
- Kein Bauteil, das alles kann
Die Auftakte liegen im Kopf der jeweiligen Seite, nicht in einer gemeinsamen Komponente mit zwanzig Schaltern. Wer eine neue Seitenart anlegt, nimmt den nächstähnlichen als Vorlage.
- Der Marker bleibt der Hauptzeile
So verschieden die Auftakte sind, das Erkennungszeichen ist überall dasselbe: ein Amber-Strich unter einem Wort der Überschrift, gezogen beim Scrollen.
- Drei Geräte, drei Entscheidungen
Mobil ist das Menü eine eigene Fläche, der Zweischlag wird gestapelt, die senkrechte Randbeschriftung entfällt. Nicht umgebrochen, sondern neu entschieden.
- 13
- eigene Auftakte
- 21
- fertige Seiten
- 28
- lokale Bilder
Mach Ravensteg zu deinem nächsten Projekt
Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.
Die fertige Website, ihr Wissen und sieben Skills in einem ZIP
ai-website-template-ravensteg.zip Sofort-Download 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 gebautLieber 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.
Für wen Ravensteg gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Ravensteg ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Executive Coaches, die Geschäftsführung und Vorstände begleiten
- Sparringspartner und Beiräte mit eigener Führungsvergangenheit
- Einzelberater, die Format und Honorar offen ausschreiben wollen
- Freelancer, die Personenmarken wiederholt und planbar liefern
Nicht gedacht für
- Teams und Sozietäten, der Auftritt ist auf eine Person gebaut
- Therapie, Heilkunde und alles mit Behandlungsversprechen
- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Warme, verspielte Coaching-Marken, dafür gibt es Solborn oder Velling
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Ravensteg ist dafür gebaut, nicht dafür zurechtgestaucht.
Das steckt im ZIP
Die Website und ihre Arbeitsgrundlage in einem Projektordner. Beispielinhalte passt du vor dem Livegang an.
src/daten/seite.ts Name, Monogramm, Rolle, Anschrift, Navigation samt Untermenü und die vier Fußspalten src/daten/inhalte.ts Mandate, Schnitte, Zahlen, Presse, Stimmen, Fälle, Journalbeiträge, Fragen, Vorträge, Werdegang und Grundsätze. Mandate und Beiträge erzeugen ihre Seiten selbst src/daten/bilder.ts Kurzname zu Bilddatei, damit ein Bildwechsel an einer Stelle passiert und nicht in acht Seiten src/styles/grund.css Alle Merkmale im Block :root. Zwei Schriftfamilien, drei Flächen, eine Handlungsfarbe und der flächenabhängige Amber-Schriftton src/komponenten/ Zehn Bauteile, vier davon mit Verhalten: Kopf mit Untermenü, Einwilligungsdialog, Fragen-Akkordeon, Rubrikfilter src/layouts/Grund.astro Kopf, Fuß, JSON-LD als Person, und die Bewegung über sechs Datenattribute, alles reduced-motion-fest Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
„Mach aus Ravensteg die Website meines Coachings für Führungskräfte im Maschinenbau.“
„Schreib die vier Mandate auf mein Angebot um: Sparring, Rollenwechsel, Team, Standortbestimmung.“
„Leg einen Journalbeitrag an: Warum Ihr Team im Meeting schweigt.“
„Das Amber soll ein tiefes Petrol werden, Kontraste bitte nachrechnen.“
„Ich will nächste Woche live. Was fehlt noch?“
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
Mehr als eine schöne Oberfläche
Ravensteg bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
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.
Malte Ravensteg, die Anschrift in Bremen, alle Zahlen, die vier Mandate und die Fälle sind Anschauungsmaterial. Sie zeigen dir, wie die Seite mit echten Inhalten wirkt. Stimmen und Fälle tragen deshalb sichtbar den Vermerk Beispiel. Der bleibt stehen, bis deine echten Inhalte darin stehen.
Ehrliche Antwort: schlecht. Ravensteg ist auf eine Person gebaut, vom Monogramm im Kopf bis zum Ich in jedem Satz. Für Beratungen mit Team ist Thalbrandt die passende Vorlage, für HR-Beratung Merenwald. Das lässt sich nicht wegkonfigurieren.
Er wird beim Scrollen unter ein Wort der Hauptzeile gezogen und ist das Erkennungszeichen dieses Entwurfs. Er kommt einmal je Seite vor, nie unter einer Zwischenüberschrift. Diese Regel steht in der CLAUDE.md, damit deine KI sie nicht aufweicht.
Nein, und das ist Absicht. Impressum und Datenschutz sind Gerüste mit Beispieldaten und tragen oben einen sichtbaren Hinweis. Was dein Impressum wirklich braucht, hängt von Rechtsform und Berufsrecht ab. Lass die Texte von einer Rechtsberatung prüfen.
Die sieben Aufnahmen zeigen einen echten Menschen ohne Model-Release. Sie müssen vor dem Livegang durch eigene Fotos ersetzt werden. Für eine Personenmarke ist das ohnehin der Punkt, an dem eigene Bilder den größten Unterschied machen. Alle Quellen stehen in BILDNACHWEIS.md.
Ja. Mandate und Journalbeiträge entstehen aus Datendateien, ein neuer Eintrag erzeugt eine neue Seite. Für eine ganz neue Seitenart nimmst du den nächstähnlichen Auftakt als Vorlage. Der Skill Template-Aufbau führt dich durch beides.
Es prüft die Eingaben, verschickt aber noch nichts. Vor dem Livegang bindest du einen Versand an, das steht in der Liste der Qualitätsprüfung. Der Grund: Welcher Versand passt, hängt von deinem Hosting ab.
Der Einwilligungsdialog sitzt mittig, sperrt den Hintergrund und lässt sich weder mit Escape noch mit einem Klick daneben umgehen. Ohne Entscheidung lädt nichts. Schriften und Bilder liegen lokal, es geht kein Aufruf an Google, und es gibt weder Karte noch Video noch Netzwerk-Schaltflächen.
Ja. Einmal gekauft, für immer deins, ohne Abo und ohne Rückfrage. Du darfst alles ändern, alles löschen und überall hosten.
Bereit für Ravensteg?
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 Ravensteg deine Marke, Seite für Seite.