Abierto

vermut · cócteles · vinilos

Bar FarolaHoy hasta las 02:00
HTML + CSSKarten

Neonschild einer Bar

Ein Neonschild an einer Ziegelwand, das beim Einschalten flackert; der Schalter macht es aus und wieder an.

Einstellungen

16px
1x

Code

<article class="uvq07-neo"><div class="wl"><p class="sg">Geöffnet</p><p class="sb">Wermut · Cocktails · Vinyl</p></div><footer><div><b>Bar Farola</b><span>Heute bis 2 Uhr</span></div><button type="button" role="switch" aria-checked="true" aria-label="Licht des Schilds"><i></i></button></footer></article>

Prompt für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Karten

Alle ansehen: Karten

Wofür du ihn nutzen kannst

Bei Neon geht es um Licht, das auf eine Fläche fällt, deshalb zählt die Wand so viel wie die Buchstaben. Die Ziegel entstehen aus konischen und linearen Verläufen, das Schreibschriftwort leuchtet über gestapelte Textschatten, und beim Einschalten stottert es kurz, bevor es ruhig brennt, mit gelegentlichem Aussetzer. Passt zu Bars, Clubs, Nachtveranstaltungen und späten Öffnungszeiten.

Die Hauptfarbe ist die große Röhre, die zweite die kleine Zeile darunter. Schreib nur ein kurzes Wort auf das Schild, weil Schreibschrift bei langen Texten unruhig wird, und passe Barnamen und Uhrzeit an.