Website-Vorlagen
HTML/CSS-Designs mit Quellcode und KI-Anweisungen.
Ein fertiges Webdesign. Dein nächster Anfang.
Wähle ein Design. Gib deiner KI die Dateien und Anweisungen. Mach daraus deine Website.
€220,25 EUR · Einmal zahlen. Keine Verlängerungen.
Enthalten: €185,08 EUR netto + €35,17 EUR MwSt. (19 %).Rechnungsland und Steuer werden im Checkout geprüft.
Echte Vorlagen aus der ODS-Bibliothek. KI-Tool, Domain und Hosting sind separat.
01 / DIE KURZVERSION
Wähle ein Template. Das ZIP ist nach dem Kauf oder mit PRO-Zugang verfügbar.
Zieh die Projektdateien hinein und sag, was sich ändern soll.
Kontrolliere das Ergebnis. Ergänze deine Inhalte und veröffentliche, wenn du bereit bist.
Beispielhafte Dauer bis zur ersten funktionsfähigen Version, keine garantierte Zeit bis zur Veröffentlichung. KI-Tool, Domain und Hosting sind separat.
02 / FINDE DEINEN AUSGANGSPUNKT
Nutze Design, Code und Anleitung in Claude Code, Gemini CLI, Codex/ChatGPT, Cursor oder einem anderen KI-Tool, das mit Projektdateien arbeiten kann.
Arcilla ArchiveVorschau ↗
DESIGNVorschau ↗
FormaVorschau ↗
Atelier NorthVorschau ↗
NERRAVorschau ↗
Morrow JournalVorschau ↗
SolenneVorschau ↗
Vela SkinVorschau ↗
Mira SolisVorschau ↗
MiraVorschau ↗
AvenraVorschau ↗
Veyra StudioVorschau ↗
ThreadwellVorschau ↗
Asterline WorkflowVorschau ↗
AvenlyVorschau ↗
RelaydeskVorschau ↗
AvenloVorschau ↗
Aster WorksVorschau ↗
LumenloopVorschau ↗
FlowlineVorschau ↗
AvenorVorschau ↗
Tandem AirworksVorschau ↗
Rillstone StudioVorschau ↗
Moss & MetricVorschau ↗
Asterline StudioVorschau ↗
LumenDeskVorschau ↗
Pivota WorkflowVorschau ↗
RelaywiseVorschau ↗
Soma ValeVorschau ↗
Cirra FlowVorschau ↗03 / IN PRO LIFETIME ENTHALTEN
Starte mit einer Website-Vorlage. Finde danach Fotos, Designelemente und den Feinschliff für dieses Projekt und das nächste.
HTML/CSS-Designs mit Quellcode und KI-Anweisungen.
Fertige Websites zum Anpassen in Framer.
Die Zahl der Website-Vorlagen stammt aus der aktuellen Shopify-Kollektion. Die übrigen PRO-Kategorien wurden am 25. September 2026 geprüft. Kategorien überschneiden sich; Mockups enthalten auch editierbare PSD-Mockups. Gezählt werden Produkte, nicht einzelne Dateien.
WAS DARAUS WIRD, LIEGT BEI DIR
Diese Vorlagen sind erst der Anfang. Baue auf einer professionellen Grundlage weiter — mit deiner Kreativität und deiner Vorstellung von einer eigenen Website.
Der zusätzliche Rabatt gilt auf den aktuellen PRO-Lifetime-Preis und wird im Checkout berechnet.
Der Zähler wird nach jeder geplanten Limitänderung aktualisiert und alle 10 Minuten mit Shopify abgeglichen. Verfügbarkeit und lokale Steuern werden im Checkout bestätigt. 799 USD Lifetime ab 2027 sind geplant, nicht der aktuelle Preis.
04 / ZWEI WEGE ZU DEINER WEBSITE
Wer bei null beginnt, plant, stimmt ab und korrigiert. Bei ODS sind Design, Code und Anleitung schon vorbereitet.
START BEI NULL
START MIT ODS
Passe eine erste funktionsfähige Version an deine Marke an
Beispielhafte Szenarien von ODS, keine gemessenen Durchschnittswerte oder garantierte Fertigstellungszeit. Umfang, KI-Einrichtung, Prüfung, Domain und Veröffentlichung beeinflussen die Gesamtdauer.
DIE GRUNDLAGE STEHT BEREITS
Ergänze deine Texte und Fotos oder erstelle Bilder mit einem KI-Tool, das diese Funktion unterstützt. Sag deinem KI-Tool, was es sonst noch ändern soll — auch am Layout. Prüfe das Ergebnis vor der Veröffentlichung.
Grundlagen im Template vorbereitet
Zweck und Richtung des Ausgangsdesigns.
Ein stimmiger Stil als Ausgangspunkt.
Reihenfolge von Inhalten und Navigation.
Hierarchie und Nutzerweg der Vorlage.
Typografie, Farben und visueller Rhythmus.
Bereiche und Beispieltexte zum Ersetzen.
Buttons, Karten und passende Seitenelemente.
HTML, CSS und Interaktionen der Vorlage.
RECREATE.md erklärt deinem Tool das Projekt.
10 / DEIN TEIL
Ergänze deine echten Texte und Unternehmensdaten. Erstelle Fotos mit einem KI-Tool, das Bilder unterstützt, oder verwende eigene. Lass die Projektdateien von Claude Code, Gemini CLI, Codex/ChatGPT, Cursor oder einem anderen geeigneten Tool anpassen; prüfe das Ergebnis und veröffentliche es mit Domain und Hosting.
Wenn deine Inhalte bereit sind, kannst du noch am selben Tag eine erste funktionsfähige Version vorbereiten — für dich, dein Unternehmen oder einen Kunden.
Die 9/10 beziehen sich auf vorbereitete Grundlagen des Templates, nicht auf den Fertigstellungsgrad deines gesamten Projekts. Rund 260 Stunden und der Start am selben Tag sind Beispiele, keine gemessene Ersparnis oder Garantie; Umfang, Prüfung und Veröffentlichung beeinflussen die Dauer.
EINE BIBLIOTHEK / ZWEI KAUFWEGE
Für eine Website brauchst du oft separate Tarife, Vorlagen und Bildmaterial. Vergleiche eine beispielhafte Einkaufsliste mit dem Zugang zur ODS-PRO-Bibliothek.
Beispielpreise aus verschiedenen Diensten und Produktarten:
Eine Bibliothek für das Design und alle Assets drumherum. Wähle den Jahreszugang oder zahle einmal für Lifetime.
Enthalten: €185,08 EUR netto + €35,17 EUR MwSt. (19 %).Rechnungsland und Steuer werden im Checkout geprüft.
Einmal zahlen · keine VerlängerungDein Framer- oder KI-Tarif, generierte Bilder, Domain und Hosting bleiben separate Dienste.
Fremdpreise sind Beispiele, kein Pflicht-Einkaufskorb oder geprüfter Marktdurchschnitt; eine Gesamtersparnis wird nicht behauptet. Framer bietet auch Basic, enthaltene KI-Credits und kostenlose Vorlagen. ODS umfasst den Bibliothekszugang, nicht Framer-/KI-Abos, Bildgenerierung, Domain oder Hosting. Lokale Preise und Steuern werden im Checkout bestätigt. Framer-Quellen: Tarife und Credits · Vorlagen-Marktplatz
05 / PRO LIFETIME
Kaufe die Bibliothek einmal. Nutze sie wieder für deinen nächsten Landingpage-, Produkt- oder Kundenauftrag.
Aktuelle Aktion
€220,25 EUR
Enthalten: €185,08 EUR netto + €35,17 EUR MwSt. (19 %).Rechnungsland und Steuer werden im Checkout geprüft.
Regulärer Preis: €662,97 EUR
Einmal zahlen. Keine Verlängerungen.
KI-Tool, Domain und Hosting sind separat.
Den Quellcode der Vorlage und die Anweisungen in RECREATE.md. Die genauen Dateien stehen auf der Produktseite. PRO Lifetime umfasst die aktuelle PRO-Bibliothek und künftige Website-Vorlagen.
Du kannst Änderungen in normaler Sprache an dein KI-Coding-Tool beschreiben. Dateien bereitstellen, das Ergebnis prüfen und die Veröffentlichung einrichten musst du weiterhin.
Ja. Eigene Projekte und Kundenprojekte sind enthalten. Die geltende Lizenz regelt die Einzelheiten der Nutzung.