Quick question: which version of Sass are you using?

Made with Bulma badges

The official community badge

The Made with Bulma badge is available in 6 different versions:

Type Preview Description Download
Default Made with Bulma White boxed Download image
Dark Made with Bulma Dark boxed Download image
Semi white Made with Bulma Transparent white and turquoise Download image
White Made with Bulma Transparent white Download image
Semiblack Made with Bulma Transparent black and turquoise Download image
Black Made with Bulma Transparent black Download image
All 6 made-with-bulma-badges.zip Download all 6 badges

Usage #

Ideally the image is displayed at 128x24 pixels, and links back to the Bulma website:

Example

HTML

<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>

Since the original image dimensions are 512x96 pixels, you can also display it at 256x48 without losing any quality:

Example

HTML

<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="256"
    height="48">
</a>

Badge snippets #

You can simply embed an image directly on your website by using one of the following snippets.

<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
<a href="https://bulma.io">
  <img
    src="https://bulma.io/images/made-with-bulma.png"
    alt="Made with Bulma"
    width="128"
    height="24">
</a>
#native_company# #native_desc#
#native_cta#

Newsletter Features, releases, showcase… stay in the loop!