UI PATTERNS
Floating bar variations
Premium floating notification bars with animated scrolling text, gradient backgrounds, and flexible positioning. Top, bottom, pill, and
card styles.
ANNOUNCEMENT
Floating top pill
A compact rounded pill announcement anchored to the top of the viewport.
New: AI-powered campaign insights are live
ANNOUNCEMENT
Scrolling floating card
A dark card variant with an icon, scrolling ticker, and call to action.
Version 4.0 is here: 40+ new features
Redesigned dashboard with AI insights
3x faster performance across all modules
ANNOUNCEMENT
Scrolling top pill
A rounded pill with a live-updating scrolling text ticker and persistent CTA.
Live
Black Friday: 40% off all plans
New AI features launched
New AI features launched
ANNOUNCEMENT
Full-width scrolling bar
An edge-to-edge scrolling announcement bar, ideal above a site header.
Free shipping on orders over $50
New collection just dropped
Use code SPRING26 for 20% off
Free returns within 30 days
ANNOUNCEMENT
Gradient floating pill
A subtle gradient pill for product announcements and feature launches.
New
Introducing AI assistant for campaigns
ANNOUNCEMENT
Dark section, light pill
A light pill floated on a dark section background with a live status indicator.
Platform status: All systems operational
Next maintenance: April 5, 2AM UTC
ANNOUNCEMENT
Floating bottom pill
A compact countdown pill anchored to the bottom for time-limited promotions.
Sale ends in 2h 34m
ANNOUNCEMENT
Floating bottom bar
A bordered white bar anchored to the bottom, ideal for promos and limited-time offers.
Limited time: Get 50% off annual plans. Offer ends Friday.