Announcement bar

The announcement bar is the topmost section in the Header group. It shows one or more rotating messages with optional separators between them.

Modes

Settings → Announcement mode:

Mode	Behavior
marquee	Messages scroll horizontally, infinite loop
static	First message is shown; if multiple, they rotate every 5s with a fade

Marquee is the default and works best with 3–6 short messages.

Separators

Settings → Separator controls what appears between messages:

• none
• dot (·)
• thin-star (✦) — editorial
• slash (/)
• vertical (|)

Blocks

Each message is its own block (drag a Message block in). Per-block settings:

• Text — the message
• Link (optional) — wraps the message in an anchor
• Bold (optional) — emphasis

Add up to 8 messages.

Show / hide toggle

Settings → Show announcement bar — hide without deleting blocks. Useful for promo cycles.

Colours

Independent colour controls for background and text. The accent colour from Theme settings is not auto-applied — you set this strip's palette per design.

Performance

Marquee uses a CSS-only infinite scroll (no JS). Minimal performance cost. The scroll speed scales with content length so longer message strings don't whip past unreadably fast.

Accessibility

Marquee text is inside an <aside> with aria-roledescription="carousel". Screen readers see the static content. If prefers-reduced-motion is enabled, the marquee freezes — users can read the messages without any animation.