Scrolling content
A row of headings and images that scrolls continuously across the screen (a marquee-style banner). The whole row can link to a single destination. Not available in the header, drawers, or popups.
Content
Section titled “Content”- Link — where the whole row links to.
- Cursor button label — optional label shown next to the cursor on hover.
- Scrolling speed — how long one full loop takes. Range 20–120s, default 80s.
- Space between — gap between items on desktop. Range 0–10rem, default 2rem.
- Space between (mobile) — gap between items on mobile. Range 0–10rem, default 2rem.
Section settings
Section titled “Section settings”- Color scheme — default Scheme 1.
- Spacing — where padding is applied: Bottom, Top, Top and bottom, or None. Default Top and bottom.
- Spacing size — Base, Small, or X-small. Default Base.
- Include header offset — offsets the section by the height of the header, in addition to the top padding. Default off.
Blocks
Section titled “Blocks”Mix Heading and Image blocks in any order to build the scrolling row.
Heading
Section titled “Heading”- Heading — the text. Supports inline rich text — wrap a word in
[brackets]to apply the scheme’s “heading highlight” color to it. Default “Heading”. - Size — the visual size, H0–H6. Default H1.
- Use a different size on mobile — set a separate visual size on mobile. Default off.
- Size (mobile) (only when the above is on) — default H1.
- Image — the image.
- Width — range 2–15rem, default 7rem.
- Width (mobile) — range 1–15rem, default 4rem.
- Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, or Auto (the image’s own proportions). Default 1:1.