Neu im Marktplatz Der Auftritt für Beratung, die an Ergebnissen gemessen wird.
Sedrahl ist das Template für Mitgliederplattformen, Communities und Wissensarchive. Dreizehn Seiten auf hellem Lavendel mit einem selbst gemischten Violett in zehn Stufen, gesetzt in einer einzigen variablen Schrift. Der Hero trägt eine nachgebaute Suchoberfläche statt eines Versprechens, denn die Suche ist das Produkt. Achtzehn Session-Karten, acht Referentenprofile, drei Tarife mit Monats- und Jahresschalter, Terminseite mit Countdown und eine FAQ mit Live-Filter. Alles ohne Framework, ohne CSS-Bibliothek, komplett statisch.
Für alle, die selbst bauen. Du bekommst den kompletten Code als ZIP. Lieber fertig übernehmen?
Mitglieder-Websites erzählen fast alle dasselbe: Zugang zu exklusivem Wissen, eine starke Community, der nächste Schritt. Sedrahl zeigt stattdessen die Suchoberfläche im ersten Bildschirm, mit Vorschlägen, Filtern und einer Fundstelle auf die Minute. Wer versteht, was das Archiv kann, braucht kein Adjektiv mehr.
Das Violett ist selbst gemischt und existiert in zehn Stufen, von fast Schwarz bis fast Weiß. Jeder Verlauf steht genau einmal als benannter Wert in den Tokens: fünf Flächen für fünf Absichten, statt einunddreißig Varianten desselben Effekts.
Jede erfundene Stimme, Rolle und Kennzahl trägt sichtbar ein Beispiel-Etikett, und solange es dransteht, kommt kein Bewertungs-Markup in die Seite. Diese Regel steht im Template selbst, damit sie den Umbau überlebt.
Die Startseite von Sedrahl wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.
Der Hero zeigt das Produkt: ein nachgebautes Suchfeld mit Vorschlägen, Themenfiltern und einer Fundstelle auf die Minute. Kein Versprechen, eine Vorführung.
Aufzeichnungen, Foliensätze, Transkripte, Zusammenfassungen, Takeaways und Roundtables als Kachelreihe, jede mit einem Satz statt einer Floskel.
Standbild, Thema, Dauer und Sprecherzeile mit sichtbarem Beispiel-Etikett. Achtzehn Karten, gefiltert nach sechs Bereichen.
Zwei Wege, dieselbe Frage: vier Stunden Recherche gegen zwölf Minuten bis zur belegten Entscheidung. Die Gegenüberstellung trägt die Kaufentscheidung.
Starter, Pro und Team mit Monats- und Jahresschalter. Die Preise stehen sichtbar da, als Beispielwerte markiert.
Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.
Der Entwurf hatte einunddreißig Farbverläufe: acht fast identische Lavendel-Waschungen, drei verschiedene Bildabdunklungen, dazu Leuchtflecken hinter dem Inhalt. Im Daumennagel-Test sahen alle Abschnitte gleich aus. Jetzt steht jeder Verlauf genau einmal als benannter Wert in den Tokens: eine Auftaktfläche, eine Markenfläche, eine dunkle Fläche, ein Akzentbalken und die Abdunklung über Fotos mit Schrift. Wer eine neue Fläche braucht, fragt sich zuerst, welche der fünf gemeint ist.
Auftakt, Marke, Tiefe, Akzent und Bildabdunklung. Jede steht genau einmal in tokens.css und wird überall referenziert.
Die hellen Violettstufen tragen Flächen, für Schrift auf hellem Grund gibt es eigene dunklere Werte. Alles unter 24 Pixeln hält 4,5:1.
Plus Jakarta Sans variabel von 200 bis 800, lokal eingebunden. Der Kontrast entsteht aus Gewicht und Größe, nicht aus einer zweiten Familie.
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-sedrahl.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. Sedrahl 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. Sedrahl 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/site.ts Die Datenzentrale: Marke, Navigation, Sessions, Referenten, Stimmen, Tarife, Fragen, Termine und Meilensteine an einer Stelle src/components/ArchivApp.astro Die nachgebaute Suchoberfläche im Hero, echtes Markup statt eines Screenshots Wissen/ Zielgruppe, Tonalität, Bauplan und SEO-Strategie als eigene Dokumente Bilder/unsplash/ Alle 38 Motive unbeschnitten im Original, zum Neu-Beschneiden beim Umbau .claude/skills/ Sieben Skills, die beim Umbau von selbst greifen, vom Start-Gespräch bis zum Prüflauf styleguide.html Alle Bausteine auf einer Seite: Farben, Flächen, Knöpfe, Karten und die Bildgrößen So arbeitest du mit den Skills. Du schreibst, deine KI baut um.
„Mach aus Sedrahl die Mitgliederplattform meines Podcasts.“
„Tausch das Violett gegen ein tiefes Petrol, samt allen zehn Stufen.“
„Schreib die Startseite auf meine Community für Handwerksbetriebe um.“
„Prüf die ganze Website, bevor ich sie meinem Team zeige.“
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. Dreizehn Seiten laufen sofort unter localhost.
Die CLAUDE.md erklärt die eiserne Regel: Erfundenes bleibt erkennbar erfunden, jeder Verlauf steht genau einmal als Wert, und die hellen Violettstufen tragen Flächen, nie Schrift.
Alles Wesentliche steht in einer Datei, src/data/site.ts. Sessions, Referenten, Stimmen und Tarife ersetzen, jedes Beispiel-Etikett auflösen. Inhalt da, Etikett weg.
Vierzehn Motive zeigen erkennbare Menschen, Liste im Bildnachweis. Impressum, Datenschutz und AGB sind Gerüste und werden durch eigene Texte ersetzt.
npm run build erzeugt statisches HTML. Der dist-Ordner läuft auf jedem Webspace, ohne Datenbank und ohne Node auf dem Server.
Sedrahl bringt sein Wissen und seine Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.
Für alle, die Wissen als Mitgliedschaft verkaufen: Kursplattformen, Communities, Archive, Veranstalter mit Aufzeichnungen. Die fiktive Marke ist ein Sessionarchiv für Händler, der Aufbau trägt aber jedes Mitgliederangebot.
Sie ist echtes HTML und CSS, kein Screenshot, mit Vorschlägen und Fundstellen aus den Beispieldaten. Eine echte Suche über deine Inhalte schließt du beim Umbau an dein eigenes System an, die Oberfläche dafür steht schon da.
Ja, alle drei Tarife samt Leistungen stehen in einer Datei, src/data/site.ts. Der Monats- und Jahresschalter rechnet automatisch mit, und die Vergleichstabelle speist sich aus derselben Quelle.
Jede erfundene Stimme, Rolle und Kennzahl trägt sichtbar Beispiel davor. Beim Umbau ersetzt du den Inhalt und entfernst dann das Etikett. Solange es dransteht, kommt auch kein Bewertungs-Markup in die Seite, denn erfundene Bewertungen auszuzeichnen wäre eine Falschangabe.
Alle 38 Motive stammen von Unsplash und liegen zusätzlich unbeschnitten im Paket. Vierzehn zeigen erkennbare Menschen und werden vor dem Livegang durch eigene Fotos ersetzt, die Liste dazu steht im Bildnachweis.
Die Website selbst ist komplett statisch und läuft auf jedem Webspace. Konto, Bezahlung und Videoauslieferung schließt du an den Dienst deiner Wahl an, das Template hält dafür die Oberfläche und die Struktur bereit.
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.