Consistency in Certification Badge Design

[lbowshier]

We like to include all our agency employee certificaitons on our website, but there is increasing incosistency in the appearance of the badges. We are looking for a way to disply them nicely in the meantime, but are there plans to make this more consistent so HubSpot users are more likely to share their accomplishments?

[roisinkirby]

Hey @lbowshier could you please share some examples? Thanks, this is important feedback. I know this is something our team is continuing to work on. @Julien would you be able to follow up further with @lbowshier?

[zanetb]

Theres a pretty big disparity in sizing. Are you able to provide the badges as artifices or PNGs so we can add them consistently to our site as well?

[kathy12]

I'm having the same problem.  I have 5 certifications and badges are all different sizes.  This is the HTML.

<!-- Begin: HubSpot Academy - Inbound Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/24-5847145-1549738749377.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Badge -->

<!-- Begin: HubSpot Academy - Social Media Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Social Media'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/29-5847145-1542229565894.png' />

</a>

</div>

<!-- End: HubSpot Academy - Social Media Badge —>

<!-- Begin: HubSpot Academy - Inbound Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Inbound Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/23-5847145-1536925798381.png' />

</a>

</div>

<!-- End: HubSpot Academy - Inbound Marketing Badge —>

<!-- Begin: HubSpot Academy - Content Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Content Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/15-5847145-1553705666821.png' />

</a>

</div>

<!-- End: HubSpot Academy - Content Marketing Badge —>

<!-- Begin: HubSpot Academy - Email Marketing Badge -->

<div class='academy-badge'>

<a href='http://academy.hubspot.com/certification' title='Email Marketing'>

<img src='https://hubspot-academy.s3.amazonaws.com/prod/tracks/user-badges/11-5847145-1532789831484.png' />

</a>

</div>

<!-- End: HubSpot Academy - Email Marketing Badge -->

[jennysowyrda]

Hi @kathy12 ,

Thanks for reaching out! 

@cbsembler it looks like you were helping another user with this issue in this thread, do you have any tips for @kathy12?

Thanks,
Jenny

[cbsembler]

Hello All, 

Thank you for providing this feedback and for bringing this to our attention. We will take a look to see how we can ensure that the badges are consistent in size! 

Thank you, 

Courtney 

[lbowshier]

The Contextual Marketing badge seems to be the only remaining outlier for the main certifications. 

However, the other type--not sure what they are being called these day, but I think they were non-expiring "certificates" before--are different than both the old and new badges.

(I tried to include the HTML but it wouldn't let me post so I had to them out). Hopefully that is enough info to help you look into it.