Skip to content
Components

Promotional bannerWarning: Draft

Displays an important, succinct, promotional message, and provides actions for users to address (or dismiss the banner). It requires a user action to be dismissed.

Promotional banners are distracting and interrupt the user’s flow — so they must be targeted, timely, and relevant to what the user is doing.

Avoid generic or overly broad messages. Frame the heading around a clear user benefit or goal, not a feature list.

29553cae-7a66-801b-a3f2-d0fa5cc7583b.png
29553cae-7a66-8010-ad63-efe12e036467.png

Be imaginative, but be clear. The heading could be a call-to-action, a question, or a statement — as long as it speaks directly to the user and their needs.

Keep body copy brief (2–3 lines), reinforcing the heading and focusing on a single key benefit. Avoid repeating the heading or overloading users with details — progressive disclosure works best.

29553cae-7a66-80af-b907-fa1912ce18e6.png
29553cae-7a66-803e-9db6-e2c0a3faa523.png

The call‑to‑action should be short, direct, and imperative — ideally 2–3 words.

Don’t include articles (the, a) or pronouns (your, my). Use first-step phrasing such as Get started or Upgrade plan.

Avoid passive labels like Learn more unless no other option is available.

29553cae-7a66-803d-bfac-eb0d3e241ff2.png
29553cae-7a66-8081-860e-ccba64648a95.png

You’re unlikely to get it perfect first time. Experiment with different approaches and wording, and consider A/B testing to see what resonates. Call a copywriter — product marketing is your friend here.

This page is a draft. Its content is likely to change.