MarketHub
Badge Display
Certification badges appear in multiple locations across the MarketHub UI — ensuring the trust level is visible to users at every decision point, from search results to the package detail page.
Badge Visual Design
| Level | Icon | Color | Label |
|---|---|---|---|
| Official | Green (#34d399) | Official | |
| Certified | Blue (#60a5fa) | Certified | |
| Community | Grey (#94a3b8) | Community |
Where Badges Appear
| Location | Badge Format | Notes |
|---|---|---|
| Package cards (search results) | Icon + label in top-left corner of card | Most frequently seen by users during browsing |
| Package detail page header | Icon + label beside package name + large badge in header card top-right | Displayed twice for emphasis |
| Package detail breadcrumb | Icon + label in the page breadcrumb trail | Visible before scrolling to the header |
| Publisher profile — package grid | Icon + label on each package card in the grid | Allows users to see certification spread across a publisher's portfolio |
| Publisher info card (on package detail) | Cert count badge: "2 Certified packages" | Summary of publisher's certification status |
| Leaderboard | Cert count badge next to publisher name | Visible when comparing publishers on the leaderboard |
Badge Tooltip
Hovering over or tapping any certification badge triggers a tooltip that explains what the badge means — designed for users unfamiliar with the certification system:
- Official: "This package is created or endorsed by BizFirstGO. Highest trust level."
- Certified: "This package has been human-reviewed against quality and security criteria."
- Community: "This package passed automated security checks but has not been human-reviewed."