Guide

Badge Design

Robin Yoon Robin Yoon · Customer Success Team Published
UniversityPublic InstitutionAssociationEducation PlatformEnterprise
Badge Design
Key points

In the Kolleges editor, you can adjust templates, badges, ribbons, icons, text, and attribute values step by step to complete a digital badge that fits your institution's brand.

How to set up your digital badge design. Create a badge that fits your brand with Kolleges.

Badge Design

Before creating a certificate, you must first create a badge design.

Screen for starting badge design creation from the Certificate/Badge Design menu

  1. Click [Certificate/Badge Design] in the left menu.
  2. Click the [Create Badge Design] button in the top right.

Using a Template

If you select a template, you can quickly create a badge without any separate design work.

Screen for selecting the badge template of the shape you want from the template list

  1. Click Templates in the left menu.
  2. Select the template of the shape you want.

Changing the Badge Design

Screen for adding a badge shape and changing the color from the Badge menu

  1. Click [Badge] in the left menu.
  2. Click the [+ Add Badge] button.
  3. Select the badge shape you want.
  4. Select a color chip to change the badge color.

Changing the Ribbon Design

Screen for adding a ribbon and changing the color from the Ribbon menu

  1. Click [Ribbon] in the left menu.
  2. Click the [+ Add Ribbon] button.
  3. Select the ribbon shape you want.
  4. Select a color chip to change the ribbon color.
  5. You can also use the duplicate, delete, move forward/backward, and undo/redo functions.

Changing the Icon Design

Screen for adding an icon and changing the color from the Icon menu

  1. Click [Icon] in the left menu.
  2. Click the [+ Add Icon] button.
  3. Select the icon shape you want.
  4. Select a color chip to change the icon color.
  5. You can also use the duplicate, delete, move forward/backward, and undo/redo functions.

Editing Text

You can modify fixed text or add new text.

Screen for editing text by adjusting font, size, and alignment from the Text menu

  1. Click [Text] in the left menu.
  2. Double-click the text to edit it.
  3. Click the [+ Add Text button] to add new text.
  4. Adjust detailed settings such as font, size, and alignment using the text toolbox.

Adjusting Attribute Values

You can add or delete attribute values as needed.

Screen for adding or deleting attribute values with switches from the Attribute Values menu

  1. Select [Attribute Values] in the left menu.
  2. Click the switch ON/OFF to add or delete an attribute value.
  3. Click an added attribute value to adjust its position or delete it.

Creating the Badge Design

After editing the badge name in the top right, click the [Create Design] button to finish.

Screen for entering the badge name and finishing with the Create Design button

Frequently asked questions

Set the badge image, colors, and elements to make it fit your institution's brand. Using a template lets you build it even without design knowledge.
The badge also carries metadata such as the issuer, award criteria, and issue date. This information is the core of the 'proof' that is shown during verification.
It continues to the certificate design, badge creation, and issuance steps. If you link it with a class, you can also set up automatic issuance when conditions are met.

Want to turn learning outcomes into verifiable assets?

From issuing to verifying and amplifying, see it for yourself with Kolleges.

Request a Kolleges demo
Robin Yoon
Customer Success Team
I share real adoption stories, operational know-how, and Kolleges news from the institutions using digital badges.
More from this author