The Made with Bulma badge is available in 6 different versions:
| Type | Preview | Description | Download |
|---|---|---|---|
| Default |  |
White boxed | Download image |
| Dark |  |
Dark boxed | Download image |
| Semi white |  |
Transparent white and turquoise | Download image |
| White |  |
Transparent white | Download image |
| Semiblack |  |
Transparent black and turquoise | Download image |
| Black |  |
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/assets/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/assets/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/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.io/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.io/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.io/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.io/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a><a href="https://bulma.io">
<img
src="https://bulma.io/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
</a>
