Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.2.0

/
/
Home
/Patterns
/83. Rewards Notification on Topbar | Stackoverflow

Rewards Notification on Topbar | Stackoverflow

 DesktopAwarenessAppreciationWeb

This pattern uses a notification badge on the top bar to alert users to new rewards, which can be viewed in a dropdown menu for easy access and appreciation.

View more...

Released: Apr 5, 2021

Updated: Aug 20, 2026

Version: 2.1.20

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This pattern uses a notification badge on the top bar to alert users to new rewards, which can be viewed in a dropdown menu for easy access and appreciation.
VotesUp
VotesDown
Pattern ID
83
UX Flows
Awareness
Appreciation
UI Components
Notification Badge
Dropdown Menu
Navbar
Version
2.1.19
StackExchangeFirst usageSigned inWhy is this a good pattern?
 

StackExchange

First usage

notion image
notion image
 

Signed in

notion image
 

Why is this a good pattern?

â–² Contextual banners do not interrupt user focus on content.
â–² Users are able to dismiss banners without reloading or affecting current content.
â–² Once logged on first-time user get rewarded for using other networks.

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback