Abierto

vermut · cócteles · vinilos

Bar FarolaHoy hasta las 02:00
HTML + CSSCards

Neon bar sign card

A neon sign on a brick wall that flickers as it lights up; the switch turns it off and on again.

Settings

16px
1x

Code

<article class="uvq07-neo"><div class="wl"><p class="sg">Open</p><p class="sb">vermouth · cocktails · vinyl</p></div><footer><div><b>Bar Farola</b><span>Today until 2 am</span></div><button type="button" role="switch" aria-checked="true" aria-label="Sign light"><i></i></button></footer></article>

Prompt for AI

Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.

Markdown version with all the code, for AI assistants

More in Cards

See all Cards

Where to use it

Neon is about light spilling onto a surface, so the wall matters as much as the letters. The bricks are drawn with conic and linear gradients, the script word glows through stacked text shadows, and switching it on plays a stuttering flicker before it settles, with a rare dip later. It suits bars, music venues, night events and late opening hours.

The main color is the large tube, the second the small line underneath. Write one short word for the sign, since script fonts get busy with long text, and change the bar name and hours.