Skip to main content

Skins: control the branding of your Portal and Applications

How to use Skins to craft your institution's logo in the Portal and enhance the branding of your application templates

Updated this week

Skins is a centralized place for institutions to manage the visual appearance of all applicant-facing assets, including the Portal pages and the landing pages of Applications, Events and Forms πŸ–πŸ» πŸ–πŸ½ πŸ–πŸΏ

What is a Skin?

A Skin is a collection of visual branding settings that staff can configure to control how the applicant experience looks.

Skins allow institutions to customize key elements of the Portal such as:

  • Logo (the logo that exists in all portal pages and landing pages)

  • Favicon (the icon that exists in the browser tab)

  • Login image (the logo that exists in the login page of your instance)

For institutions using the new application experience (COMING SOON), Skins also include additional styling options specifically for application templates:

  • Button color

  • Background color

  • Custom CSS

How Skins Work

You may find Skins under General Settings β†’ Institution β†’ Details.

Institutions can create multiple skins (for example, to test different branding styles), although only one skin can be active at a time. The active skin is the one set as the default. This means institutions can experiment with different designs while ensuring applicants only ever see the currently active skin.

  • To create a new skin, click on add new skin.

  • Now give it a name, and upload the necessary elements: logo, login page logo and favicon:

  • Finish it off by clicking create skin

Now your new skin is created, ready to be applied!

Submitting a new skin

As you've seen above, the new skin doesn't get automatically applied once you finished creating it. To do so, click on Submit, this will allow you to review it, update it if necessary, and finally set it as default skin to replace the previous one.

There's multiple actions you can do here:

  • Set Skin as Default, to apply it.

  • Download the previously uploaded media.

  • Edit basics to replace the previsouly uploaded media.

  • Edit Forms style to define a primary color and a background color for your new application experience templates (COMING SOON)

  • Advanced/Custom CSS, to add a custom CSS coding for the new application experience templates (COMING SOON)

  • Delete Skin, to completely erase it

Did this answer your question?