Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
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. Vier Mandate mit offenem Honorar, fünf Journalbeiträge, anonymisierte Fälle. Per Chat wird daraus dein Coaching.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
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.
Die Startseite von Ravensteg wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Fotografie links, Betonfläche rechts, ohne Fuge dazwischen. Kein Verlauf, keine Rundung, keine weiche Kante. Die Härte ist das Argument.
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.
Executive Sparring, Erste hundert Tage, Führungskreis, Standortbestimmung. Jedes mit Dauer, Takt, Honorar und Ablauf, keines mit einem Versprechen.
Die Mandanten stehen als Profil da, nicht als Firmenname. Ausgangslage, Arbeit daran, was sich danach verändert hat. Sichtbar als Beispiel gekennzeichnet.
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.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
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.
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.
So verschieden die Auftakte sind, das Erkennungszeichen ist überall dasselbe: ein Amber-Strich unter einem Wort der Überschrift, gezogen beim Scrollen.
Mobil ist das Menü eine eigene Fläche, der Zweischlag wird gestapelt, die senkrechte Randbeschriftung entfällt. Nicht umgebrochen, sondern neu entschieden.
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.
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 danachLieber 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.
Ein Template wird gut, wenn es sich entscheidet. Ravensteg ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Andere Branche? Alle Templates ansehen
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Ravensteg ist dafür gebaut, nicht dafür zurechtgestaucht.
Du kaufst keine Vorlage, sondern ein Template. Website, Wissen und Skills, sofort einsatzbereit für dich und deine KI.
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 So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„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?“
Drei Schritte, keine Agentur-Warteschleife. Du brauchst Node.js, einen Editor und eine Stunde Neugier.
ZIP öffnen, Ordner in Claude Code öffnen, npm install und npm run dev. Einundzwanzig Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt deiner KI die eiserne Marker-Regel, die drei Flächen und den flächenabhängigen Amber-Ton. Die sieben Skills wissen, wie man alles pflegt.
Der Skill Template-Aufbau führt in zwölf Schritten durch den Umbau, die Qualitätsprüfung durch die Liste davor. npm run build, Ordner hochladen, fertig.
Ravensteg bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
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.
Das komplette Template liegt fertig als ZIP bereit. Kauf es direkt oder schau dir vorher noch einmal an, was alles drin ist.
Wir möchten mit Google Analytics verstehen, wie diese Seite genutzt wird, geladen über den Google Tag Manager. Vor deinem Ok wird nichts geladen und kein Cookie gesetzt. Deine Wahl kannst du jederzeit im Datenschutz ändern.
Wähle selbst, was aktiv sein darf. Deine Auswahl kannst du jederzeit im Datenschutz ändern.