Marquee CTA

Marquee CTA

Frame an offer, collection or contact link with a quiet stream of photography. Studio offer uses four vertical rails around centred copy. Open invitation pairs a large editorial heading with an image wall.

Use

Import { MarqueeCta } from the installed package and include its stylesheet. Use fill sizing inside a parent with a defined height, or standalone sizing for a complete section. The HTML bundle includes the same settings and local artwork.

Settings

The Tweaks panel and configured deliveries use the component manifest. Supply HTTPS image URLs or the bundled image identifiers. The default action uses a demo page anchor. Set Button URL to your preorder, signup or campaign destination before using it on your own site. Bundled image identifiers can also be used for a downloadable creative. An empty URL omits the action.

The eight bundled campaign images are ad-flight, ad-city, ad-ascent, ad-court, ad-eyewear, ad-storm, ad-wardrobe and ad-coffee. Studio Offer presents black-and-white imagery; Open Invitation retains colour. They illustrate a range of campaign creative for an AI ad platform. Price is hidden by default and can be enabled for an actual offer.

Motion and access

Moving rails stop for reduced motion, hidden documents, offscreen sections and an explicit paused state. The offer stays readable. Tab reaches the real action link. Images are decorative beside the text invitation. No video or external runtime is required. Without JavaScript the complete section remains visible.

The controller supports update, pause, resume and destroy. Destroy removes owned observers/listeners and clears its host. Multiple instances have independent settings and motion state.

Custom palette enables Panel colour, Text colour, Description colour and Button text colour. With it off, Surface supplies Ink or Paper colours; Button colour remains independently editable. Panel corner radius and Image corner radius control separate surfaces. Keep text, descriptions and focus outlines visibly contrasted against the chosen panel.

Heading size scales both compositions, including narrow screens. At the default 36, Studio uses up to 36px and Invitation uses its responsive 36–72px editorial scale. Every accepted image appears across the active columns: four on desktop Studio, two on narrow Studio and two in Invitation. Runs repeat for continuous travel. Image treatment remains black-and-white in Studio and colour in Invitation.

Button URL accepts HTTPS URLs without embedded credentials, root-relative paths, page anchors or an explicit bundled image identifier. Only a bundled identifier downloads an image. The default # is a placeholder; an empty value removes the action. Standalone height applies only when Sizing is Standalone height.