Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Polaris ist das Template für Karrierecoaching und Beratung. Achtzehn Seiten in tiefer Pflaume, warmem Creme und Bernstein, gesetzt in EB Garamond mit kursiven Akzentwörtern. Vier verschiedene Auftakte, damit keine zwei Seiten gleich aussehen: ein Schwarzweiß-Porträt im Cremekreis auf der Startseite, ein gezeichneter Unterstrich unter dem Schlusswort, ein Farbverlauf mit Bild, das in die Fläche hineinragt, und ein raumhohes Bild neben dem Text. Drei Angebotsseiten für drei Lebenslagen, ein Leadmagnet mit zwölf Fragen und vier geschriebene Ratgeberartikel. Alles ohne Framework, ohne CSS-Bibliothek, komplett statisch.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Karrierecoaching-Websites versprechen fast alle dasselbe: den Traumjob, den Durchbruch, das volle Potenzial. Genau diese Sprache verliert die Leute, die tatsächlich zahlen würden, nämlich die skeptischen. Polaris geht den anderen Weg. Eine Renaissance-Antiqua statt der üblichen freundlichen Grotesk, tiefe Pflaume statt Pastell, und Preise, die sichtbar dastehen.
Der Auftakt ist ein Schwarzweiß-Porträt in einem Cremekreis auf dunkler Fläche, daneben zwei Zeilen Garamond mit einem kursiven Akzentwort. Das wirkt wie ein Buchumschlag, nicht wie eine Landingpage, und genau deshalb bleibt es hängen.
Bernstein ist die einzige Signalfarbe und sie kommt in zwei Stärken: als Fläche für den Knopf, als dunkleres Bernstein für Schrift. Diese Trennung ist keine Feinheit, sie ist der Grund, warum die Seite jede Kontrastprüfung besteht, ohne blass zu werden.
Die Startseite von Polaris wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Ein Schwarzweiß-Porträt in einem Kreis aus Creme auf tiefer Pflaume, umlaufend eine gepunktete Linie. Daneben zwei Zeilen Garamond mit einem kursiven Akzentwort.
Ein Endlosband mit Platzhalter-Logos, das bei Berührung anhält. Der Käufer tauscht zehn Namen gegen seine echten Referenzen und hat sofort einen Vertrauensbeweis über der Faltkante.
Vier Kennzahlen zählen beim Sichtbarwerden hoch, darunter steht sichtbar, dass es Beispielwerte der Demo sind. Der Vermerk bleibt, bis echte Zahlen dort stehen.
Kacheln in Pflaume, Bernstein, Creme und Foto, mit fester Zeilenbasis. Große Ziffern in Garamond tragen die Aussagen, die Bildkachel zoomt sanft unter dem Zeiger.
Drei Angebotsseiten für drei Lebenslagen, jede mit eigener Auftaktform. Die Preise stehen sichtbar da, markiert als Beispielpreise der Demo.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Die meisten Templates haben eine Akzentfarbe und benutzen sie für alles. Polaris hat sie zweimal: `--amber` ist eine Fläche, `--amber-ink` ist Schrift. Ein heller warmer Bernstein trägt den Knopf, ein dunklerer trägt jede kleine Beschriftung auf Creme. Klingt nach einer Feinheit, ist aber der Unterschied zwischen einer Seite, die gut aussieht, und einer, die auch jede Kontrastprüfung besteht. Der Knopf trägt deshalb tiefe Pflaumenschrift auf Bernstein statt Weiß, und das sieht am Ende besser aus als die übliche Lösung.
Fläche und Schrift sind getrennt, und das Akzentwort wechselt seine Stärke je nach Untergrund. Auf Pflaume hell, auf Creme dunkel.
832 Pixel für jeden Fließtext, 1180 für das Skelett. Eine dritte Breite gibt es nicht, auch nicht in Karten.
Porträtkreis, gezeichneter Unterstrich, Verlauf mit Pull-up-Bild und Split. Die Galerie zeigt nicht achtzehnmal dasselbe.
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-polaris.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. Polaris 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. Polaris 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/pages/ Achtzehn Seiten, jede ein eigener Entwurf mit eigenem Auftakt. Die Texte stehen dort, wo sie erscheinen src/styles/global.css Alle Tokens, jede Komponente und ein Klassenverzeichnis am Kopf, in einer einzigen Datei src/pages/ratgeber/ Vier geschriebene Artikel. Ein neuer Artikel ist eine Datei, ein Eintrag und eine Sitemap-Zeile Bilder/unsplash/ Die sechzehn unbeschnittenen Originale, außerhalb des Webroots, für eigene Zuschnitte Wissen/ Zielgruppe, Tonalität, SEO-Strategie und der Komponenten-Bauplan mit allen Tokens .claude/skills/ Sieben Playbooks, vom ersten Gespräch über den Umbau bis zur Qualitätsprüfung So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Polaris die Website meiner Karriereberatung in Stuttgart.“
„Schreib die drei Angebote auf meine Formate um: Einzel, Firmen, Gruppe.“
„Leg einen fünften Ratgeberartikel an: Wie lange darf ein Lebenslauf sein?“
„Tausch Pflaume gegen Petrol, aber lass Bernstein als Signalfarbe stehen.“
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. Achtzehn Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt die eiserne Regel: Bernstein trägt nie helle Schrift, es gibt genau zwei Breiten, und Landmarks tragen keine Layoutklasse.
Name, Person, Stadt und Preise ersetzen. Jede Stimme und jede Zahl ist als Beispiel markiert. Beleg da, Markierung weg. Kein Beleg, Aussage weg.
Sechzehn Motive tauschen, Liste im Bildnachweis. Impressum und Datenschutz sind Gerüste mit Anleitung und stehen auf noindex.
npm run build erzeugt statisches HTML. Der dist-Ordner läuft auf jedem Webspace, ohne Datenbank und ohne Node auf dem Server.
Polaris 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.
Ja, alle Farben liegen als Tokens am Kopf einer einzigen CSS-Datei. Wichtig ist nur die eine Regel: Bernstein gibt es als Fläche und als Schrift, und die beiden werden nicht vertauscht. Der Komponenten-Bauplan im Wissensordner erklärt, warum.
Weil alle Stimmen, Fälle und Zahlen im Auslieferungszustand erfunden sind. Die Markierungen bleiben stehen, bis echte, freigegebene Inhalte dort stehen. Genau deshalb darf die Demo überhaupt online sein.
Alle sechzehn Motive stammen von Unsplash und stehen unter der Unsplash-Lizenz, auch kommerziell. Die unbeschnittenen Originale liegen mit im Paket. Die Porträts zeigen echte Menschen ohne Model-Release für deine Marke und werden vor dem Livegang getauscht.
Ja, es gibt zwei Fassungen. Die englische enthält dieselbe Website mit englischen Texten und eine englische Wissensschicht samt Skills.
Nein. Der Build erzeugt reines HTML, CSS und ein paar Zeilen JavaScript. Das läuft auf jedem Webspace, bei jedem Hoster, ohne PHP und ohne Node auf dem Server.
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.