Zum Inhalt springen
DESIGN ANSEHEN. LOOK WÄHLEN. FÜR DICH ANPASSEN.

Wähle den Look deiner neuen Website. Mach aus einem Design, das dir gefällt, eine Website mit deiner Marke.

Sieh dir eine fertige Website an und wähle ihr Layout. Lass deine KI dann Farben, Texte und Bilder anpassen. OneDollarStock liefert dir bearbeitbares HTML und eine Projektanleitung, mit denen du am gewählten Design weiterarbeiten kannst.

Claude Code · Codex · Cursor · Gemini CLI
Aluna → Mira Studio
Originales Aluna: ein Beauty-Studio-Design in Salbeitönen mit Hero-Foto und zentriertem Text
AI ChatZusammenfassung einer Beispielanweisung
Du

Arbeite mit Alunas index.html und RECREATE.md. Ändere die Marke im Header zu Mira Studio und den Hero zum fiktiven Konzept. Überschrift: „Ein ruhiger Moment. In deinem Tempo.“ Nutze das mitgelieferte Foto aluna-serum.webp und die warme Farbpalette aus der vollständigen Anweisung. Behalte Layout, Archivo und untere Abschnitte. Die Schaltflächen führen weiterhin zu #services und #about. Speichere die Datei und zeige die Vorschau.

index.html · RECREATE.md
KI

Die Vorschau zeigt den vorbereiteten Mira-Studio-Einstieg: ein anderes Foto, warme Farben und neue Hero-Texte. Vergleiche ihn mit Aluna. Layout und Archivo bleiben erhalten.

Vorbereitete Zusammenfassung eines Gesprächs. Die Schaltfläche kopiert die vollständige Anweisung zur Dateibearbeitung. Keine Live-Verbindung zur KI.

Vollständiger Auftrag zum Kopieren

Aluna und eine vorbereitete Anpassung des Einstiegs für das fiktive Mira Studio. Geändert wurden Marke im Header, Hero-Texte, Hero-Foto und globale Farbpalette. Layout und Archivo bleiben. Die Texte der unteren Abschnitte stammen weiterhin aus dem englischen Aluna; dies zeigt eine gezielte Bearbeitung, keine vollständige Website einer neuen Marke.

Projektdateien

Entpacke die ZIP-Datei und stelle deiner KI HTML, Anleitung und mitgelieferte Materialien bereit.

index.htmlRECREATE.mdassets/
01 / WÄHLE DEN LOOK, MIT DEM DU ARBEITEN MÖCHTEST

Inspiration, die zu deiner eigenen Website werden kann.

Öffne die vollständige Vorschau und stelle dir deine eigenen Inhalte im Design vor. Wähle das Layout, das du behalten möchtest; Farben, Bilder und Texte passt du später an.

01

Ein Layout für deine Inhalte.

Brauchst du ein großes Foto, eine Liste deiner Leistungen oder Platz für deine Arbeiten? Prüfe die Abschnitte und ihre Reihenfolge in der vollständigen Vorschau.

02

Ein Look, den du behalten möchtest.

Vergleiche Typografie, Abstände und den Einsatz von Bildern. Wähle ein Design, in dem du dir deine Marke bereits vorstellen kannst.

03

Auch auf dem Smartphone prüfen.

Öffne die Vorschau auf einem kleinen Bildschirm. Prüfe Überschrift, Navigation, Bilder und Schaltflächen, bevor du eine Vorlage wählst.

Die gezeigten Projekte enthalten bearbeitbares HTML und eine RECREATE.md-Anleitung. Den genauen Paketinhalt findest du auf der Vorlagenseite.

02 / DEIN LOOK AUF DEM GEWÄHLTEN LAYOUT

Gefällt dir das Layout? Gib ihm deinen eigenen Charakter.

Bitte deine KI um eine konkrete Farb- oder Typografieänderung und darum, die Komposition beizubehalten. Vergleiche die Vorschauen, bevor du die Version wählst, an der du weiterarbeiten möchtest.

Mira Studio
Vorbereiteter Mira-Studio-Einstieg: warme Farben, ein Serum-Foto und die Überschrift Ein ruhiger Moment. In deinem Tempo. auf dem erhaltenen Aluna-Layout
AI ChatBeispielanweisung
Du

Arbeite mit der gespeicherten index.html von Mira Studio. Ändere nur Hero-Typografie und Abstände: Georgia mit Serif-Fallback, Überschrift maximal 96 px, Zeilenhöhe 1.08, Laufweite der Überschrift -.035em. Setze 34 px unter die Überschrift, 160 px über den Hero-Inhalt und 190 px darunter; Label-Laufweite .12em. Behalte Texte, Foto, Farben, Layout und Schaltflächen zu #services und #about. Speichere die Datei und zeige die Vorschau.

KI

Derselbe Mira-Studio-Einstieg hat jetzt eine Serifenschrift und andere Abstände. Texte, warme Farbpalette, Foto und Schaltflächenziele bleiben erhalten. Vergleiche die Vorschauen und wähle den Look.

Zwei vorbereitete Versionen des Mira-Studio-Einstiegs. Die zweite ändert nur Schrift, Größe und Abstände der Überschrift sowie die Hero-Abstände. Texte, globale Farbpalette, Foto, Layout und Links zu #services und #about bleiben gleich.
03 / DREI UNTERSCHIEDLICHE DESIGNRICHTUNGEN

Welche dieser Websites kannst du dir als deine vorstellen?

Vergleiche Fotografie, große Typografie und ein dunkles Design mit animiertem Himmel. Wähle die Komposition, die du für deine eigene Marke nutzen möchtest.

Aluna / Fotos und sanfte Farben

Aluna / Fotos und sanfte Farben

Ein Foto im Hero, Salbeitöne und ein Leistungsbereich. Dieses Layout kommt infrage, wenn deine eigenen Fotos den Charakter der Website prägen sollen.

Vollständige Vorlage ansehen
Aster Works / große Typografie und Farbe

Aster Works / große Typografie und Farbe

Ein lilafarbenes Studio-Design mit abstrakter Grafik und großen Buchstaben. Sieh es dir an, wenn du den Look auf eine markante Komposition aufbauen möchtest.

Vollständige Vorlage ansehen
Nightglass / dunkles Design und Himmel

Nightglass / dunkles Design und Himmel

Ein Observatorium-Design mit animiertem Himmel. Prüfe den Effekt auf deinen Geräten und entscheide, ob dieser Charakter zu deiner Website passt.

Vollständige Vorlage ansehen
04 / DEINE INHALTE. DEIN LOOK.

Sieh deine Idee im gewählten Design.

Beginne mit deinen eigenen Texten und Materialien. Lass die bestehende Website bearbeiten und prüfe dann, wie deine Marke im gesamten Layout und auf dem Smartphone wirkt.

01

Das passende Layout wählen.

Sieh dir die ganze Website an und wähle ein Design, das zu deinen Inhalten passt.

02

Der KI das Projekt geben.

Entpacke die ZIP-Datei. Stelle HTML, RECREATE.md und Materialien einem Werkzeug bereit, das Dateien bearbeitet.

03

Den Look für dich anpassen.

Beschreibe deine Farben, Texte und Bilder. Gib auch an, welche Teile des Layouts bleiben sollen.

Design und Anleitung im Paket

  • Deine Texte, Farben und Bilder in der gewählten Komposition.
  • Konkrete Anweisungen: dieses Element ändern, das übrige Layout behalten.
  • Gespeicherte Dateien und eine Vorschau zum Vergleichen vor der nächsten Bearbeitung.

Was du noch vorbereiten musst

  • Stelle die Dateien einem Werkzeug bereit, das sie lesen, bearbeiten und speichern kann. Du wählst und bezahlst deine KI separat.
  • Prüfe nach jeder Bearbeitung die Lesbarkeit, Navigation, Links und Website auf dem Smartphone.
  • Hosting, Domain und die Verarbeitung von Nachrichten, Buchungen oder Zahlungen müssen separat eingerichtet werden.

Probiere das Anpassen mit kostenlosem Formwell.

Lade das Projekt herunter und lass deine KI eine Farbe oder einen Text ändern. Öffne die Vorschau und finde heraus, wie du mit einem bestehenden Layout arbeitest.

Formwell kostenlos herunterladen

WÄHLE DEINEN ZUGANG

Nimm eine Vorlage. Oder die ganze Bibliothek mit Website-Vorlagen, Fotos, Mockups, Presets und mehr — in einem PRO-Plan.

Du weißt schon, welches Design du möchtest? Wähle ein einzelnes Template. Du willst verschiedene Richtungen ausprobieren? Wähle PRO.

Ein einzelnes Template

Dein gewähltes Website-Design und Dateien zum Anpassen an deine Marke.

€32,32 EUR/ Template

  • Dein gewähltes Website-Design
  • Quelldateien und KI-Anweisungen
  • Einmal zahlen
Mein Website-Design wählen

PRO Yearly

Die gesamte PRO-Bibliothek: Vergleiche Designs und nutze kreative Materialien während deines aktiven Abonnements.

€167,18 EUR/ Jahr

  • Die gesamte Website-Template-Bibliothek
  • Fotos, Mockups, Presets, LUTs und Texturen
  • Ein Jahr Zugang zur PRO-Bibliothek
  • Automatische Verlängerung jedes Jahr. Jederzeit kündbar.
Spezielles Lifetime-Angebot

PRO Lifetime

Dauerhafter Zugang zur PRO-Bibliothek für weitere Designs und kreative Materialien.

Vorheriger Preis€667,67 EUR

€221,81 EUR/ einmalig

  • Die gesamte Website-Template-Bibliothek
  • Fotos, Mockups, Presets, LUTs und Texturen
  • Lifetime-Zugang zur PRO-Bibliothek
  • Einmal zahlen. Keine jährliche Verlängerung.

Preise für Commercial Use. Preise und Steuern werden im Checkout bestätigt. KI-Tool, Domain und Hosting sind separat.

05 / BEVOR DU DEIN DESIGN WÄHLST

Prüfe den Look und das, was du kaufst.

Wie wähle ich eine Vorlage, die zu meiner Website passt?

Sieh dir die vollständige Vorschau an. Prüfe, ob das Layout Platz für deine Texte, Bilder, Leistungen oder Arbeiten bietet. Achte auf die Reihenfolge der Abschnitte und die mobile Ansicht. Wähle die Komposition, die deinem Vorhaben am nächsten kommt; danach kannst du deine KI Inhalte und Look anpassen lassen.

Was kann ich ändern, wenn mir das Layout gefällt?

Die gezeigten Projekte haben bearbeitbares HTML. Du kannst deine KI Texte, Farben, Schriften und Bilder ändern lassen und darum bitten, das gewählte Layout beizubehalten. Du kannst auch die Komposition umbauen. Prüfe nach der Bearbeitung die gespeicherte Datei und Vorschau; das Ergebnis hängt von deiner Anweisung, deinen Materialien und dem Werkzeug ab.

Was erhalte ich beim Kauf einer Vorlage?

Die Dateien deines gewählten Designs. Die gezeigten Vorlagen enthalten HTML, RECREATE.md mit einer Designanleitung und mitgelieferte Materialien. Den genauen Inhalt findest du auf der Produktseite. Das Herunterladen der ZIP-Datei veröffentlicht keine Website und verbindet keine Dienste, Konten oder Buchungssysteme.

Kann ich die mobile Ansicht vor dem Kauf prüfen?

Ja. Öffne die vollständige Vorschau auf deinem Smartphone oder in einem schmalen Browserfenster. Prüfe Navigation, Lesbarkeit, Bilder und Schaltflächen. Prüfe sie nach eigenen Änderungen erneut. Nightglass enthält eine WebGL-Animation; sieh sie dir deshalb auch auf den Geräten deiner Zielgruppe an.

Brauche ich ein bestimmtes KI-Werkzeug?

Wähle ein Werkzeug, das bereitgestellte Website-Dateien lesen und bearbeiten kann, etwa Claude Code, Codex, Cursor oder Gemini CLI. Entpacke das Projekt und stelle HTML, RECREATE.md und Materialien bereit. Die Schaltfläche auf dieser Seite kopiert eine vollständige Beispielanweisung; die Dateien gibst du separat dazu. Die Möglichkeiten hängen von Werkzeug und Tarif ab. OneDollarStock liefert das Design, du wählst und bezahlst deine KI separat.

Wähle ein Design, in dem du deine Website siehst.

Sieh dir die vollständige Vorschau an. Wähle die Komposition und passe sie dann mit den Vorlagendateien an deine Marke an.