Zum Inhalt
← Website-Prompts

Preise als ruhige Zeilen statt Karten

Leistungen und Preise als Zeilen an Haarlinien, Preis rechtsbündig, ohne Kartenraster.

Art
Website
Erprobt mit
Claude Code
Stand

Prompt

Baue eine Preis-Sektion ohne Karten.

Oben ein Titel (ein kurzer Satz mit Punkt) und eine Zeile darunter, was alle Preise gemeinsam haben (z. B. „inklusive Hosting“).

Darunter die Leistungen als Liste an Haarlinien (1px, 20 % Grau), jede Zeile ein Link:
- links: Name der Leistung (fett) und darunter ein Satz, was man bekommt (leise, max. 42 Zeichen pro Zeile)
- rechts: Preis groß, daneben klein die Einheit („im Monat“, „einmalig“), dann ein Pfeil, der beim Überfahren 4px nach rechts rückt

Am Handy rutscht die Einheit unter den Preis, der Pfeil bleibt neben dem Preis.

Regeln: keine Icons vor den Zeilen, keine Häkchenlisten, keine hervorgehobene „beliebt“-Karte. Preise kommen aus einer einzigen Datei, nicht doppelt im Markup.

Weitere Prompts