> For the complete documentation index, see [llms.txt](https://blade0.gitbook.io/discotools/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blade0.gitbook.io/discotools/b/role-like-badges.md).

# Role-like badges

You want some badges that look like roles? Ta da!

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FxxUR685ryDGb4TtOCIwh%2Fimage.png?alt=media&amp;token=892fed03-cf14-4c90-b1a0-86ff5350a718" alt=""><figcaption><p>an example made by me with some extra shine effect</p></figcaption></figure>

{% hint style="info" %}
Name: Role Badges\
From: Discord 😐\
Difficulty: <img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F7hrwqAmFXpHJs965gCpn%2Fbadge(3).png?alt=media&amp;token=3a04dfaf-df9b-4ead-a9e2-ef925bb49a8f" alt="" data-size="line">
{% endhint %}

{% hint style="warning" %}
This could technically be applied to badges, but i dont see a purpose.
{% endhint %}

## Step 1: Colors

Open the Background color picker and put in the color hex `232428`. Please also put in your text now.

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F42sxxNNu1MQdEUAZ6vMi%2Fimage.png?alt=media&amp;token=d80bcc66-79c1-47a3-b1a9-bbb4e1d9eb98" alt=""><figcaption></figcaption></figure>

## Step 2: Icon

Press the icon and search up `circle` and click on the first result. now click on the icon color and set it to the color you want your role to be. I'll go with a red.

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2F98WJ8C0ZHitfTSdxVLOw%2Fimage.png?alt=media&amp;token=5758b186-d1e4-4838-8ddf-46b699c9eeb1" alt=""><figcaption></figcaption></figure>

## Step 3: Finishing Touches

Open the <img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FlIwa1Y507KkmaC2Vy6TK%2Fdiscotools-xyz-icon(1).png?alt=media&amp;token=b0fcf60e-f29d-464a-a87f-f3ade604275b" alt="" data-size="line">`Advanced` tab and set `rounded` to `07`. For the font set it to `Lato` with either `Bold` or `Semibold.`

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FVhEJD3wVXVueE0udYwFr%2Fimage.png?alt=media&amp;token=f70485d9-c91a-4dad-b80c-2d5e725ff705" alt=""><figcaption></figcaption></figure>

## Done! 🎉

time for a comparison.

{% tabs %}
{% tab title="Discord" %}

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FmZqi9qxK3rmT3h3pclFK%2Fimage.png?alt=media&amp;token=ecee6854-9c0c-4785-87ee-cf4ab976e63b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Ours" %}

<figure><img src="https://1672665082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPdE0SgtxYDzaE02bQzko%2Fuploads%2FImfmrsPUQJ3EeUrqtZ6c%2Fimage.png?alt=media&amp;token=ab03e98f-e949-40d2-a1c7-e828bd79c969" alt="" width="375"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}