Badge
Provides a small descriptor for UI elements to help the user quickly identify new, highlighted or important content.
When to use
- To draw attention to content that is new, highlighted or important
When not to use
- Don’t overuse, should be limited to one section or element-type per page to make sure it establishes hierarchy without making everything important
Anatomy
- Background color:
- used to help differentiate from other headings and labels on the page
- only available in 10% bright blue for now, future colors to be considered as use cases pop up
- Label: bold, single-line and sentence case
Demos & variations
Curated search results
Others have been looking for
Are you a member looking for help with rewards or fitness programs?
First, sign in to your member health plan account. Then, you can learn about member rewards programs available with your plan.
Article card
The badge is used on article cards to highlight articles that include a video.