CHOOSE A CLEAR POSITION
Place the badge in a footer, project page or awards section where it remains legible and does not obscure navigation or page content. Keep the original proportions and allow clear space around the artwork.
Menu
FIND YOUR BADGES
Search for a recognised website or studio to find its official Web Dev Awards badges. Choose the version that suits your design, then copy the embed code or download the badge.
USE THE RIGHT VERSION
Use the black badge on light backgrounds and the white badge on dark backgrounds. Do not recolour, crop, stretch or place effects over the official artwork.
MAKE IT MEANINGFUL
Keep the generated alternative text and linked award profile. If you build your own markup, describe the website and recognition clearly, and ensure the link can be reached and identified by keyboard users.
COMMON QUESTIONS
Can I resize a badge?
Yes. Scale it proportionally and keep it large enough for the wording to remain legible.
Can I change its colours?
No. Choose the supplied black or white version so the official artwork stays consistent.
Where should the badge link?
Use the generated embed code. It links to the website's permanent award profile and includes referral tracking for that awarded website.
Is there a renewal fee?
No. An official badge can continue to be displayed for the recognition recorded in the archive.