Neu im Marktplatz Arvenwerth. Der Coaching-Auftritt, der wie ein Magazin gesetzt ist
Arvenwerth ist der Auftritt eines Business-Coaching-Unternehmens für Unternehmerinnen.
Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?
Ein Auftritt, der über Ruhe wirkt
Die ganze Geschichte lesen
Arvenwerth spricht Unternehmerinnen an, die schon Umsatz machen und trotzdem das Gefühl haben, ihr Unternehmen eher zu verwalten als zu führen. Der Auftritt antwortet darauf mit Ruhe. Anthrazit, Creme und Sand tragen jede Fläche, Playfair Display setzt jede Überschrift, und zwischen den Blöcken bleibt so viel Luft, dass jeder Satz für sich steht. Das ist die eine Fassung der Serie, die ganz ohne Signalfarbe auskommt.
Der auffälligste Zug ist der Wechsel von hell zu dunkel. Die Startseite läuft vom Hero über die ganze Höhe in ein Triptychon aus zwei Stillleben, dann in ein anthrazitfarbenes Split-Band, weiter über die fünf Bausteine als Akkordeon, die Fallstudie im dunklen Block, das sechsteilige Bento und die vier Phasen. Jede Fläche kündigt an, welche Art Abschnitt kommt, und jedes Bild erscheint hinter einem Vorhang, der beim Scrollen nach oben aufzieht.
Alles, was ein Beleg sein könnte, trägt sein Etikett. Jede Kundenstimme beginnt sichtbar mit dem Wort Beispiel, die drei Fallstudien nennen Profile statt Firmennamen, also Kanzlei für Arbeitsrecht, Studio für Innenarchitektur und Personalberatung, und im Fuß steht, dass alle Inhalte frei erfunden sind. Der Bildnachweis markiert zusätzlich die neun Motive mit erkennbarem Gesicht, die vor dem Livegang eigenen Fotos weichen. Deine echten, freigegebenen Belege ersetzen die Beispiele per Chat.
- Adressen fertig gebaut
- 23
- Bausteine mit eigener Seite
- 5
- Fallstudien mit Zahlen
- 3
- Skills für deine KI
- 7
Scroll dich durch die Startseite
Die Startseite von Arvenwerth wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
- 01
Hero über die ganze Höhe
Ein Porträt füllt den Bildschirm, darüber liegen zwei Schleier und die Überschrift, die Zeile für Zeile von unten einläuft. Am unteren Rand stehen der Scroll-Hinweis und der Wirkungsradius, Frankfurt am Main und digital im gesamten DACH-Raum.
- 02
Das Triptychon
Zwei Stillleben rahmen den Kernsatz in vier Zeilen, die letzte davon kursiv. Darunter führt ein Knopf direkt zum Vorgehen, daneben läuft ein Band aus sechs Themenwörtern durchs Bild.
- 03
Das dunkle Split-Band
Ein Schwarzweiß-Porträt über die halbe Breite, daneben auf Anthrazit vier Zeilen, die benennen, was sich in zwölf Wochen ändert. Ein Satz, drei Programme, ein Gesprächsleitfaden, eine Kennzahl.
- 04
Fünf Bausteine als Akkordeon
Positionierung, Angebotsarchitektur, Sichtbarkeit, Vertrieb und Führung als nummerierte Zeilen. Ein Klick öffnet Dauer, Format und Investition, ein zweiter führt auf die Detailseite des Bausteins.
- 05
Die Fallstudie im dunklen Block
Die erste Fallstudie mit Bild, drei Kennzahlen und dem Weg auf ihre eigene Seite. Das Bild fährt beim Überfahren langsam heran, der Block liegt als einziger neben dem Hero auf tiefem Anthrazit.
- 06
Vier Phasen, zwölf Wochen
Klarheit, Architektur, Markt und Wiederholbarkeit als nummerierte Strecke auf dunklem Grund. Derselbe Ablauf steht auf der Leistungsseite ein zweites Mal, dort auf Sand.
- 07
Kompass, Arvenwerth, Zenit
Drei Programme mit Preis, Laufzeit und Inhalt, das mittlere hervorgehoben. Darüber steht der Satz, dass eine fehlende Passung schon im Erstgespräch offen ausgesprochen wird.
Nicht eine Seite. Alle
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Zwei Schriften und zwölf Werte tragen dreiundzwanzig Seiten
Die Wirkung von Arvenwerth entsteht aus der Typografie. Playfair Display in großen Graden für jede Überschrift, Inter für alles Gelesene, dazu zwölf Farbwerte, die alle zwischen Creme, Sand und Anthrazit liegen. Deshalb sieht auch die Fragenseite nach Magazin aus.
- Playfair Display bis sieben Rem
Überschriften laufen Zeile für Zeile von unten ein, das Akzentwort steht kursiv. Auf dem Telefon beginnt der Hero bei 2,55 Rem und wächst über drei ausformulierte Stufen bis auf sieben.
- Zwölf Werte, alle neutral
Anthrazit, Creme, Sand und Taupe stehen als Tokens am Anfang der global.css. Helle und dunkle Bänder wechseln sich ab, deshalb weiß der Leser vor dem ersten Wort, welche Art Abschnitt kommt.
- Der Vorhang vor jedem Bild
Jedes Bild liegt hinter einer Fläche in Creme, Sand oder Anthrazit, die beim Scrollen nach oben aufzieht, während das Bild aus der Vergrößerung zurückfährt. Bei reduzierter Bewegung steht es sofort fertig da.
- 2
- Schriften für alles
- 12
- Farbwerte, alle neutral
- 23
- Adressen im selben Satzbild
Mach Arvenwerth 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-arvenwerth.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 Arvenwerth gebaut ist
Ein Template wird gut, wenn es sich entscheidet. Arvenwerth ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.
Gebaut für
- Business Coaches, Beraterinnen und Strateginnen, die allein oder zu zweit arbeiten
- Alle, die mehrere Bausteine einzeln und als Programm verkaufen, mit fester Laufzeit und offenem Preis
- Beratungen, deren Auftritt ruhig, hochpreisig und redaktionell wirken soll
- Alle, die ein Journal als Beleg für Fachtiefe nutzen und Fallstudien mit Zahlen zeigen
Nicht gedacht für
- Auftritte, die eine kräftige Signalfarbe tragen sollen, hier arbeiten Anthrazit, Creme und Sand
- Shops und Buchungsstrecken mit Warenkorb, Login oder Bezahlvorgang
- Große Coaching-Teams mit eigener Teamseite, dafür gibt es Vahlbrink und Marnstett
Andere Branche? Alle Templates ansehen
Auf dem Handy zu Hause
Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Arvenwerth 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/services.ts Fünf Bausteine mit Modulen, Ergebnissen und Zitat, dazu die drei Programme und die vier Phasen des Ablaufs, 332 Zeilen src/data/misc.ts Sechs Stimmen, zehn Fragen, vier Prinzipien und der Werdegang in fünf Stationen, 132 Zeilen src/data/site.ts Marke, Anschrift, Sprechzeiten, Navigation, die drei Fußspalten und die vier Kennzahlen, 95 Zeilen src/pages/ 23 Adressen, dazu die drei Detailstrecken für Bausteine, Fallstudien und Journal-Beiträge über getStaticPaths src/layouts/Base.astro Die gesamte Interaktion in acht Abschnitten, von Reveal über Parallax bis Akkordeon, ohne eine einzige Abhängigkeit src/styles/global.css Alle Tokens am Anfang, die zwölf neutralen Werte, die Schriftgrößen in drei Gerätestufen und der Vorhang vor den Bildern, 378 Zeilen CLAUDE.md + Wissen/ Leitfaden für deine KI, vier Wissens-Dokumente zu Zielgruppe, Tonalität, Bauplan und Suche, dazu der Bildnachweis mit jeder Quelle Dein Auftrag an die KI
Beschreibe die Änderung in deinem KI-Werkzeug und prüfe die Vorschau.
„Mach aus Arvenwerth meine Beratung. Ich arbeite allein in Hamburg, habe drei Bausteine, führ mich durch alle Fragen.“
„Schreib die fünf Bausteine auf mein Angebot um. Finanzplanung, Preisgestaltung und Nachfolge, mehr biete ich nicht an.“
„Behalt das Schwarzweiß und stell Playfair Display auf eine ruhigere Serife um, samt Styleguide und Teilen-Vorschau.“
„Leg einen neuen Journal-Beitrag an. Warum der Stundensatz das falsche Werkzeug für Beraterinnen ist.“
Vom ZIP zur Live-Website
Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.
Mehr als eine schöne Oberfläche
Arvenwerth bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Kurz geklärt
Für Business Coaches, Beraterinnen und Strateginnen, die selbst im Mittelpunkt stehen und mehrere Bausteine anbieten. Die Nische ist austauschbar. Der Skill template-aufbau baut den Auftritt auf deine Themen um, ob Finanzen, Nachfolge oder Marketing.
23 Adressen, davon 22 Inhaltsseiten und eine eigene 404. Darunter fünf Baustein-Detailseiten, drei Fallstudien mit eigener Seite, vier fertig geschriebene Journal-Beiträge, eine Fragenseite mit zehn Antworten, ein Kontaktformular und die Dankeseite danach.
Astro 5 mit eigenem CSS und eigenem TypeScript, ohne CSS-Framework und ohne Abhängigkeit für die Interaktion. Alles ist statisch, der Einwilligungsdialog gehört dazu, und ein Kartendienst wird bewusst nicht eingebunden.
Nein, und das steht sichtbar an jeder Stelle. Jede Kundenstimme beginnt mit dem Wort Beispiel, die Fallstudien nennen Profile wie Kanzlei für Arbeitsrecht statt echter Firmennamen, und der Fuß nennt den Auftritt ein fiktives Demo-Template. Deine echten, freigegebenen Belege ersetzen sie per Chat.
Alle 49 Bilddateien liegen lokal im Projekt, zur Laufzeit lädt nichts von fremden Servern. Der Bildnachweis nennt jede Quelle und markiert die neun Motive mit erkennbarem Gesicht, die vor dem Livegang eigenen Fotos weichen. Wer noch keine hat, lässt die Personen per Chat aus dem Layout nehmen und behält die Stillleben.
Ja. Der Skill start fragt deine Konstellation ab und macht aus der Seite Über mich eine Seite über euch. Bausteine, Fallstudien und Stimmen wachsen mit, alle Seitenarten bleiben erhalten.
Beide Seiten sind angelegt, tragen noindex und enthalten eine Anleitung statt eines Rechtstexts. Die Datenschutzseite listet die technischen Fakten dieser Website, damit deine geprüfte Erklärung auf echten Angaben aufbaut.
Bereit für Arvenwerth?
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 Arvenwerth deine Marke, Seite für Seite.