For makers

Badges worth putting on your site.

Inline SVG, under a kilobyte, no script and no tracking pixel. Each one links back to your listing, which sends players your way and tells search engines the two pages belong together.

Haven't launched yet? Submit your game first

Featured (dark)

The default. Sits well on a dark site, a README or a footer.

HTML

<a href="https://vibedgame.com/games/your-game" target="_blank" rel="noopener">
  <img src="https://vibedgame.com/badges/dark.svg" alt="Featured on vibedgame" width="232" height="48" />
</a>

Markdown

[![Featured on vibedgame](https://vibedgame.com/badges/dark.svg)](https://vibedgame.com/games/your-game)

Featured (light)

Same badge, light surface. For white pages and press kits.

HTML

<a href="https://vibedgame.com/games/your-game" target="_blank" rel="noopener">
  <img src="https://vibedgame.com/badges/light.svg" alt="Featured on vibedgame" width="232" height="48" />
</a>

Markdown

[![Featured on vibedgame](https://vibedgame.com/badges/light.svg)](https://vibedgame.com/games/your-game)

Upvote pill

Compact, and it reads your live vote count when you pass your slug.

HTML

<a href="https://vibedgame.com/games/your-game" target="_blank" rel="noopener">
  <img src="https://vibedgame.com/badges/pill.svg?slug=your-game" alt="Upvote on vibedgame" width="159" height="40" />
</a>

Markdown

[![Upvote on vibedgame](https://vibedgame.com/badges/pill.svg?slug=your-game)](https://vibedgame.com/games/your-game)

Point it at your game

Swap your-game for your own slug. It's the last part of your listing URL. The upvote pill takes the same slug as a query parameter and renders your live count, cached for five minutes.

Leave the slug off entirely and the badge links to the homepage, which is fine for a studio site listing several games.

Your listing URL

https://vibedgame.com/games/your-game

Everything below is built from this one address.

Live vote pill

https://vibedgame.com/badges/pill.svg?slug=your-game

Reads the current upvote count. Without a slug it renders a plain “vote” pill instead.

Raw SVG files

https://vibedgame.com/badges/dark.svg
https://vibedgame.com/badges/light.svg
https://vibedgame.com/badges/pill.svg

Download them and self-host if you'd rather not depend on us being up.

The short version of the rules

Allowed: Use it anywhere you like: site, README, press kit, video.
Allowed: Resize it freely. It's vector, so it stays sharp.
Allowed: Host it yourself if you'd rather not hotlink.
Not allowed: Don't recolour the mark or redraw the wordmark. Grab the SVG and keep it whole.
Not allowed: Don't put it on a game that hasn't actually launched here.

Need a different size, a transparent version, or the mark on its own for a press kit? Email hey@vibedgame.com and we'll send it over.

<a href="https://vibedgame.com/games/your-game" target="_blank" rel="noopener"> <img src="https://vibedgame.com/badges/pill.svg?slug=your-game" alt="Upvote on vibedgame" width="159" height="40" /> </a>

Point it at your game

Swap your-game for your own slug. It's the last part of your listing URL. The upvote pill takes the same slug as a query parameter and renders your live count, cached for five minutes.

Leave the slug off entirely and the badge links to the homepage, which is fine for a studio site listing several games.

The short version of the rules

Use it anywhere you like: site, README, press kit, video.

Resize it freely. It's vector, so it stays sharp.

Host it yourself if you'd rather not hotlink.

Don't recolour the mark or redraw the wordmark. Grab the SVG and keep it whole.

Don't put it on a game that hasn't actually launched here.

Need a different size, a transparent version, or the mark on its own for a press kit? Email hey@vibedgame.com and we'll send it over.

Badge styles

Point it at your game

The short version of the rules

Badge styles

Point it at your game

The short version of the rules