Announcement bar templates

Slim bars that sit above the navigation for launches, promotions and status updates, with badge, link and CTA variants.

4 variants · neutral wireframe · ready to reskin with your design tokens

Announcement bar

Slim top bar with message and optional link. Place above navigation for time-sensitive updates.

announcement-bar/default/default

Copy agent promptLive previewUse in editor

Announcement with button

Slim bar with message and primary CTA button. Good for promotions or feature launches.

announcement-bar/default/with-cta

Copy agent promptLive previewUse in editor

Announcement with badge

Bar with badge label, message, and link. Highlights status (New, Beta) plus call-to-action.

announcement-bar/default/with-badge

Copy agent promptLive previewUse in editor

Centered announcement

Minimal centered message only, no interactive elements. Best for quiet updates.

announcement-bar/default/centered

Copy agent promptLive previewUse in editor

claude mcp add --transport http rifframe https://rifframe.app/api/mcp

> "Add a announcement bar section to my landing page"

Your coding agent can search and pull these sections directly. How it works.