Landingpage mit HTML/CSS
Eine einfache, schnelle Landingpage in einer Datei – mobil zuerst, barrierearm und ohne schwere Frameworks.
- Art
- Prompt
- Niveau
- Einsteiger
- Zeit
- ca. 10 Min.
Ergebnisse hängen vom Tool, vom Modell und von deinen Angaben ab.
Ausfüllen
Deine Eingaben bleiben in diesem Browserfenster. Wir speichern und übertragen nichts.
- Anmeldung zu einem Workshop
- Vorstellung einer kleinen App
- Visitenkarte für Freelancer
- Einladung zu einem Vereinsfest
- Warteliste für ein neues Produkt
- Kopfbereich, drei Vorteile, Ablauf, Anmeldeformular, Kontakt
- Kopfbereich, Funktionen, Preise, FAQ
- Kopfbereich, Über mich, Leistungen, Kontakt
- Kopfbereich, Programm, Anfahrt, Anmeldung
- Kopfbereich, Problem, Lösung, Warteliste
- Dunkelblau und Weiß mit orangem Akzent
- Grün und Creme
- Schwarz-Weiß mit einem Rot
- Pastellblau und Grau
- Sandtöne mit dunkelgrünem Akzent
Dein Prompt
Baue eine Landingpage als eine einzige HTML-Datei mit eingebettetem CSS, ohne JavaScript-Frameworks. Zweck: [Zweck]. Abschnitte: [Abschnitte]. Farben: [Farben]. Mobil zuerst, gut lesbare Schriftgrößen, ausreichender Kontrast, sinnvolle Überschriften-Reihenfolge, Alt-Texte als Platzhalter. Keine externen Schriften, keine Tracking-Skripte, keine Bilder von echten Personen.
Passende Tools
Tools aus unserem Katalog, mit denen dieser Prompt gut funktioniert.
- v0 Preise und Limits
- Lovable Preise und Limits
- Replit Preise und Limits
So gehst du vor
- Fülle die Felder aus oder tippe auf einen Vorschlag. Lass Namen, Adressen und andere persönliche Daten weg.
- Kopiere den fertigen Prompt in ein Tool deiner Wahl.
- Öffne die Datei im Browser, prüfe sie auf dem Handy und lass sie mit einem Barrierefreiheits-Check im Browser durchlaufen.
Läuft in diesen Tools
Prompts funktionieren in vielen Chat- und Generator-Tools. Diese Auswahl stammt aus unserem Katalog; Preise laut Tool-Seite.
Warum funktioniert das?
Eine einzige Datei ohne Frameworks ist leicht zu verstehen und zu hosten. Die Vorgaben zu Kontrast und Überschriften sorgen von Anfang an für Barrierearmut.
Tipps
- Ein Formular braucht eine Stelle, die die Daten empfängt – kläre das und den Datenschutz, bevor die Seite live geht.