Scrolling Marquee

AVIONIX Release Marquee Configurator

◆ Announcement

Date

Shown before the title

Separator

Sits between date and title

Release Title

Link URL

Where the banner sends listeners when clicked

Open link in a new tab

◆ Logo Icon

Icon Image URL

The small mark repeated before each announcement. Paste a Squarespace image URL.

Times to Repeat Message

How many times the message shows across one screen before it loops. 3 fills most screens. (The banner emits a duplicate set automatically for a seamless loop.)

◆ Section Behaviour

Make it a flush, full-width strip (collapses the section's padding and paints the section background to match the banner). Recommended when the marquee is its own section.

Hide the page footer on this page

⚠ Affects the whole page, not just this section. Only tick this if the marquee lives on a dedicated splash page that should have no footer. Leave off for normal pages.

◆ Colors

Background

Text

◆ Type

Font Family

Font Size (rem)

Weight

Letter Spacing (em)

Uppercase text

◆ Layout & Spacing

Banner Vertical Padding (px)

Icon Size (rem)

Gap Between Messages (rem)

Gap Icon → Text (rem)

◆ Motion

Scroll Duration (seconds per loop)

Higher = slower scroll. The banner pauses on hover, and stops entirely for visitors who prefer reduced motion.

Applies below 640px. These override the desktop values on phones.

◆ Type

Font Size (rem)

Letter Spacing (em)

◆ Layout & Spacing

Banner Vertical Padding (px)

Icon Size (rem)

Gap Between Messages (rem)

Gap Icon → Text (rem)

◆ Motion

Scroll Duration (seconds per loop)

Preview & Code

Live preview (on black, as it appears on the site)

Release MarqueeAVIONIX

Preview & Code