With Action
A banner pairing a short message with a button so readers can act at once. Use it to drive signups, trial starts, or a link to a new release.
A banner pairing a short message with a button so readers can act at once. Use it to drive signups, trial starts, or a link to a new release.
Search blocks by description or jump to a page.
With Action is a full-width top-of-page banner. A solid primary bar spans the viewport and inside it a single row holds a short message on the left and a small ghost button on the right. The message uses a bold event name followed by a separator dot and a plain sentence of supporting copy. The button carries a label and a right-pointing arrow icon to signal a next step.
The two sides of the row reflow to stack on narrow screens while staying side by side on wider ones. The message copy, button label, and the event name are all independent pieces you can swap freely. The banner has no dismiss control by design, so it persists as visitors scroll down the page.
Reach for this block when you need readers to take one specific action right now, not just read a notice. It suits an AI assistant product announcing a new model release, a public beta opening, or a waitlist launch where a single prominent call to action matters more than layered detail. Compared to the simple centered bar, this layout draws the eye to the button rather than purely to the message, which lifts click rates when the goal is conversion over awareness.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The block is built around one message and one action, so every word earns its place. A few ways to fill that frame:
Tip: keep the message under twelve words so the button stays on the same visual line as the text on most screen sizes.