Badges and buttons (Marketing Campaigns / SendGrid)

[banand86]

Hey team!
I need some help with badge UI in MC. I've see this "NEW" badge (view image) used in the product. However, it looks different from badges shown in the SG styleguide.

• Which badge should I use?
• What are some guidelines around usage and placement (in UI) of the badges? Attached is an image that shows 3 options (in button, out of button, and overlapping button)

Thanks for your help! :)

[SiTaggart]

Hi @banand86

We can give you a little historical based information and general guidance.

First general guidance regardless of whether it's Styleguide or Paste; Badges are usually best placed after the content they are describing, so we suggest placing the badge after the text and inside the button.

For the historical information, typically something that is "new" in sendgrid is depicted with the green badge. You can see that as an example in the styleguide link you provided. Historically the purple is reserved for beta features, which I believe is also the case for Twilio products, so some good alignment there.

As for which do you use, Paste or Styleguide, that's up to you and the product team to decide right now, and also the context of the work being carried out.

[banand86]

Awesome! Thanks for the prompt response. This was helpful :)