Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Arvenwerth ist der Auftritt eines Business-Coaching-Unternehmens für Unternehmerinnen. 23 Adressen in Anthrazit und Creme, gesetzt in Playfair Display, mit fünf Bausteinen samt Detailseite, drei Programmen von Kompass bis Zenit, dem Ablauf in vier Phasen, drei Fallstudien mit Zahlen von vorher und nachher, einem Werdegang in fünf Stationen und vier geschriebenen Journal-Beiträgen.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
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.
Die Startseite von Arvenwerth wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
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.
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.
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.
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.
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.
Klarheit, Architektur, Markt und Wiederholbarkeit als nummerierte Strecke auf dunklem Grund. Derselbe Ablauf steht auf der Leistungsseite ein zweites Mal, dort auf Sand.
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.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
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.
Ü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.
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.
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.
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.
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. Arvenwerth 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. Arvenwerth 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/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 So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„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.“
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. Alle 23 Adressen laufen sofort unter localhost.
Die CLAUDE.md erklärt deiner KI die zwölf Farbtokens, die Hero-Formen jeder Seitenart und die Belegregeln. Sieben Skills wissen, wie Texte, Gestaltung, Suche und Prüfung zusammenhängen.
Der Skill template-aufbau führt durch den Umbau auf dein Unternehmen, bis die Volltextsuche nach Arvenwerth null Treffer liefert. npm run build erzeugt statisches HTML für jeden Webspace.
Arvenwerth bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
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.
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.