Neu im Marktplatz Hellwach. Gebaut für Coaches, die Klartext lieber mögen als Kalendersprüche
Hellwach ist das Template für Mindset- und Life-Coaching mit Haltung. Neunzehn Seiten in Flieder, Creme und Weiß, eine variable Schrift in Versalien bis zur Riesengröße, holografische Verlaufsflächen und Chips, die über dem Hero schweben.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Ein Auftritt, der wach aussieht statt beruhigt
Die ganze Geschichte lesen
Coaching-Websites sehen meistens nach Räucherstäbchen aus oder nach Konzernberatung. Hellwach nimmt den dritten Weg: eine Seite, die selbst wie ein klarer Kopf wirkt. Riesige Versalien, viel Weiß, ein einziges Violett und Flächen mit einem holografischen Schimmer, der nach App statt nach Praxis aussieht. Genau das zieht die Zielgruppe an, die viel denkt und wenig Geduld für Esoterik hat.
Der Ton gehört zum Produkt: kurze Sätze, offene Preise, eine eigene Sektion dafür, wann das Coaching nicht passt, und eine ehrliche Therapie-Abgrenzung. Jedes Zitat, jeder Fall und jede Kennzahl trägt sichtbar den Vermerk Beispiel, bis echte Inhalte dort stehen.
Technisch ist Hellwach die verspielteste Seite der Reihe, ohne eine einzige Bibliothek: Chips schweben über dem Hero, wandern auf Orbit-Bahnen um die Überschrift, Karten neigen sich unter dem Zeiger, Knöpfe ziehen sanft zur Maus. Alles von Hand, alles respektiert reduzierte Bewegung, und ohne JavaScript bleibt jede Zeile lesbar.
- fertige Seiten
- 19
- Impulse aus einer Datendatei
- 4
- Angebote mit eigenen Seiten
- 3
- Skills für deine KI
- 7
Scroll dich durch die Startseite
Die Startseite von Hellwach wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Der holografische Hero
Ein Schimmer aus Rosa, Lavendel und Violett hinter Versalien in Riesengröße, davor schweben drei Chips. Die Sprechblase im Foto spricht den Besucher direkt an.
- 02
Das Logo-Band
Ein Endlosband mit Platzhalter-Logos, das bei Berührung anhält. Der Käufer tauscht acht Namen gegen seine echten Referenzen und hat sofort einen Vertrauensbeweis über der Faltkante.
- 03
Zahlen mit Beispiel-Vermerk
Ein Bento-Raster mischt Kennzahlen, Avatare und Fotos. Alle Werte tragen sichtbar den Vermerk Beispielwerte der Demo, bis echte dort stehen.
- 04
Chips auf Orbit-Bahnen
Um die Warum-Überschrift wandern Chips auf gezeichneten Bahnen, ohne Bibliothek, nur mit CSS. Das Erkennungszeichen des Templates.
- 05
Drei Angebote, offene Preise
Einzelcoaching, Gruppenkurs, Team-Workshops, jedes mit eigener Seite, Eckdaten und Preis. Die Vergleichstabelle steht auf der Angebotsseite.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Eine Seite, die schwebt statt zu stehen
Hellwach bewegt sich wie eine moderne App: Chips schweben über dem Hero und wandern auf Orbit-Bahnen um die Überschrift, Karten neigen sich sanft unter dem Zeiger, Knöpfe ziehen zur Maus, ein Fortschrittsbalken läuft oben mit. Alles ist handgeschriebenes CSS und ein paar Zeilen Skript, keine Animations-Bibliothek, kein Framework. Wer reduzierte Bewegung eingestellt hat, sieht dieselbe Seite in Ruhe, und ohne JavaScript bleibt jede Zeile sichtbar.
- Orbit ohne Bibliothek
Die wandernden Chips laufen über CSS-Motion-Path auf gezeichneten SVG-Bahnen. Deine KI ändert ein Wort im Chip und die Bahn läuft weiter.
- Bewegung mit Rückzug
Magnet-Knöpfe, Karten-Tilt und Zähler respektieren reduzierte Bewegung. Jede Zahl steht als fertiger Wert im Markup.
- Der Holo-Schimmer als Token
Der holografische Verlauf liegt als eine Klasse über Heros und CTA-Bändern. Ein Farbwechsel ist ein Token-Wechsel, kein Bild-Export.
- 3
- Angebote mit Detailseiten
- 19
- fertige Seiten
- 22
- lokale Bilder
Mach Hellwach 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-hellwach.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 Hellwach gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Hellwach ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Mindset-, Life- und Business-Coaches mit klarer Kante
- Coaches mit Einzelangebot, Gruppenkurs und Firmen-Workshops
- Gründerinnen und Gründer einer Coaching-Marke, die modern statt esoterisch auftreten wollen
- Freelancer, die frische Coaching-Auftritte wiederholt liefern
Nicht gedacht für
- Executive Coaches mit ruhiger Personenmarke, dafür gibt es Steinbach oder Ravensteg
- Beratungshäuser mit mehreren Partnern, dafür gibt es Kadenz
- Therapie, Heilkunde und alles mit Behandlungsversprechen
- Dunkle, sachliche Berater-Auftritte, dafür gibt es Falkhorst oder Thalbrandt
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Hellwach 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/data/site.ts Name, Stadt, Kontakt, Navigation, Angebote, Stimmen, FAQ, Impulse und Kennzahlen an einer Stelle src/pages/impulse/ Vier geschriebene Impulse als Datenroute. Ein neuer Eintrag ist eine neue Seite samt strukturierten Daten src/pages/ Neunzehn Seiten, jede mit eigenem Hero-Konzept: Holo-Fläche, Karten-Chooser, Phasen-Stapel, Formular im Hero src/styles/global.css Alle Farben, Radien, Schatten und die Motion-Kurve als Tokens in :root, dazu Holo-Fläche und Reveal-System src/components/ Navigation mit Scroll-Fortschritt, blockierender Einwilligungsdialog, Footer mit CTA-Band public/fonts/ + public/images/ Eine variable Archivo als WOFF2 und 22 lokale Motive. Kein Aufruf verlässt den Server Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
„Mach aus Hellwach die Website meiner Coaching-Praxis in Köln.“
„Schreib die drei Angebote auf mein Programm um: Einzel, Kurs, Firmen.“
„Leg einen fünften Impuls an: Warum Multitasking dein Kopfkino füttert.“
„Aus dem Violett soll ein tiefes Petrol werden, Holo-Flächen bitte mitziehen und Kontraste nachrechnen.“
„Wir wollen 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
Hellwach 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.
Nora Sievers, ihre Praxis in Leipzig, alle Zahlen, Stimmen und Fälle sind Anschauungsmaterial. Stimmen tragen den Vermerk Beispiel, Fälle heißen Beispielfall, Kennzahlen tragen Beispielwerte der Demo. Die Vermerke bleiben stehen, bis deine echten Inhalte darin stehen.
Ja. Die Persona ist weiblich geschrieben, die Struktur ist es nicht. Deine KI stellt Name, Anrede und alle Rollenbezeichnungen in einem Durchgang um.
Die Bewegung ist bewusst dosiert: ein Schimmer, schwebende Chips, sanfte Neigungen. Der Text dazu ist das Gegenteil von verspielt, mit offenen Preisen, Therapie-Abgrenzung und einer eigenen Sektion, wann das Coaching nicht passt. Wer es ruhiger mag, schaltet einzelne Effekte ab, die Wissensschicht zeigt wo.
Durchgehend Du, passend zur Zielgruppe zwischen Ende zwanzig und Mitte vierzig. Deine KI kann die Anrede in einem Durchgang auf Sie umstellen, wenn deine Klientel das erwartet.
Nein, und das ist Absicht. Impressum und Datenschutz sind Gerüste mit Beispieldaten und tragen einen sichtbaren Hinweis. Was dein Impressum wirklich braucht, hängt von Rechtsform und Berufsrecht ab. Lass die Texte von einer Rechtsberatung prüfen.
Alle 22 Bilder liegen lokal und stammen von Pexels, die Aufstellung steht in BILDNACHWEIS.md. Die Porträts zeigen echte Menschen ohne Model-Release und werden vor dem Livegang durch eigene Aufnahmen ersetzt. Zwei Reserve-Motive in derselben Lichtstimmung liegen bei.
Ja. Die Impulse entstehen aus einer Datendatei, ein neuer Eintrag erzeugt eine neue Seite samt Route und strukturierten Daten. Für eine neue Seitenart nimmst du das nächstähnliche der Hero-Konzepte als Vorlage.
Beide Strecken prüfen die Eingaben und zeigen einen Erfolgszustand, verschicken aber noch nichts, und sie sagen das auf der Seite auch ehrlich dazu. Vor dem Livegang bindest du einen Versand an, das steht in der Liste der Qualitätsprüfung.
Der Einwilligungsdialog steht mittig und speichert nur die Entscheidung im Browser. Schrift und Bilder liegen lokal, es geht kein Aufruf an Google, und es gibt weder Karte noch Video noch Analysedienst. Die Kategorie Statistik ist vorbereitet, aber kein Dienst ist eingebunden.
Die Seite zieht die Grenze zur Therapie an mehreren Stellen ausdrücklich, verspricht keine Heilung und verweist im Impressum auf echte Hilfsangebote. Diese Haltung ist Teil des Templates und sollte bleiben.
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 Hellwach?
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 Hellwach deine Marke, Seite für Seite.