Verwendeter Prompt
Erstelle eine moderne, aber klassische HTML-Lernplakat-Seite über die Plattform „Kleinanzeigen“ (ehemals eBay Kleinanzeigen).
Das Design soll wie ein echtes Schul-/Info-Plakat aussehen — nicht futuristisch, nicht „AI-glossy“, sondern sauber, seriös und leicht magazinartig.
STIL:
Farbschema von Kleinanzeigen verwenden:
Dunkelgrün
Kleinanzeigen-Grün
Hellgrün
Gelb
Creme-/Papierfarben
Klassische Infografik-Optik
Weißer/papierartiger Hintergrund
Dünne grüne Rahmen
Leichte Schatten
Serifenschrift für Fließtext
Arial/Helvetica für Überschriften
Ruhiges, realistisches Layout
Keine Neonfarben
Kein Glassmorphism
Keine übertriebenen Animationen
LAYOUT:
Große Überschrift oben:
„Lernplakat Kleinanzeigen – alle Informationen zur Plattform im Überblick“
Darunter eine Kopfzeile mit:
echtem Kleinanzeigen-Logo links
„Online-Marktplatz für Deutschland“
rechts: „gegründet 2009“ und „Betreiber: Adevinta (seit 2021)“
Danach 4 Statistik-Boxen nebeneinander:
Altersfreigabe → 12+
Hauptzielgruppe → 18–50
Nutzung → Gratis
Serverstandort → EU
Hauptbereich:
Linke große Box:
Überschrift: „Was ist Kleinanzeigen?“
Kurzer Erklärungstext
Darunter echte Screenshots der Plattform:
Startseite/Hilfe
Beispielanzeige eines Fahrrads
Screenshots groß und sauber anzeigen
Keine abgeschnittenen Bilder
Bilder wie echte Magazinbilder einbauen
Rechte Spalte:
Kostenmodell
Ziele der Plattform
Unterer Bereich:
3 Infoboxen nebeneinander:
Datenschutz
Sicherheitsrisiken
Algorithmen & Filter
Ganz unten:
Große Fazit-Box mit grünem Haken-Icon
INHALT:
Plattform für Kauf und Verkauf gebrauchter Produkte
Nutzer inserieren kostenlos
Risiken:
Fake-Accounts
Betrug
Unsichere Treffen
Datenschutz:
Kontaktdaten
Nutzerdaten
DSGVO
Algorithmen:
Standortnähe
Suchverlauf
Personalisierung
SCREENSHOTS:
Nutze echte Screenshots von Kleinanzeigen
Bilder groß darstellen
Objekt-fit korrekt einstellen
Keine verzerrten oder winzigen Bilder
Anzeige-Screenshot größer als die anderen
TECHNISCH:
Reines HTML + CSS
Responsive Grid-Layout
Border-Radius nur leicht (5–8px)
Saubere Abstände
Professionelle Typografie
Keine Frameworks notwendig
Komplettes HTML-Dokument ausgeben
Das Ergebnis soll aussehen wie:
modernes Schulplakat
echte Infografik
professionelles Lernposter
realistische Präsentationsfolie
kein typischer KI-Look.