Skip to content
arrie.dev Templates

Hero sections

Ticker Band

A headline over a band of text that scrolls sideways and never stops.

R560

Once. Yours to keep

Get this template

The shape of it, not a screenshot

What it is

A headline with a band underneath it that scrolls sideways and does not stop. Use it for the things you would otherwise set in a row: services, the towns you deliver to, the materials you stock, the names on the shelf.

It runs on duplicated content and a CSS transform, so the movement stays on the compositor and never touches layout. Speed is set in seconds per pass, direction goes either way, and hover-pause is a toggle. Text items and logo images sit in the same band, and there is a second band running the opposite way if you want the crossed pair. The duplicated run is hidden from screen readers so nothing gets read twice.

Good for a supplier, a distributor, or a studio with a long list of its own to show. It is wrong if that list has three items, because a marquee with three items reads as an empty shelf. It is also wrong if the items need to be read carefully rather than glanced at — anything moving gets skipped.

Included

What you get

  • Hero.astro with the headline block and one or two bands
  • Marquee CSS built on transform only, no JavaScript needed
  • Speed, direction and item gap as CSS variables
  • Hover-pause toggle
  • Text items and logo items shown in the same band
  • aria-hidden on the duplicated run
How it works

After you buy

  1. 01 You message me On WhatsApp. Tell me which one and where it is going.
  2. 02 I set it up for you Your words, your colours, your logo dropped in — or the raw files if you would rather do it yourself.
  3. 03 It goes live On your hosting or on mine. Either way it ends up in your own account.
  4. 04 It is yours The whole thing, with nothing to renew and nothing tied back to me.