Site Branding

This article covers how to implement and manage your platform's branding, including default branding as well as custom branding options for different student & alumni populations.

To manage your platform's branding, navigate to the Site Branding tab of the General Configuration / General site setting page. From here, admins may manage the default and custom branding for their platform.

1. Default Branding

2. Custom Branding

3. Changing the Login Page Background Image

 


 

Default Branding

Your platform's default branding will be displayed to all admin users, employer users, and student & alumni users for which a custom branding configuration does not exist.

To manage your default branding:

  1. Use the more actions icon to select Edit.
  2. Replace the School Logo, Site Logo, and/or the Background Image as needed and save your changes.

Screenshot 2025-06-06 at 2.43.47 PM.png

  • School Logo: This logo is displayed on the footer of system generated email notifications, as well as the cover page of any downloaded Application Packets.
  • Site Logo: This logo is displayed on the user login page and the left hand navigational panel.
  • Background Image: This image is displayed on the login page and the user homepage/dashboard.

 

Custom Branding

Custom branding allows admins to differentiate a school logo, site logo, and background image for different student populations. When a custom branding configuration is applicable to a student or alumni user, they will see the school logo and site logo across the platform and in email notifications after they have logged in, as well as the custom background image on their homepage.

        For undergraduate schools, custom branding can be set up for Colleges/Schools. If a user is assigned to multiple colleges/schools, their primary college/school will be used to determine the custom branding that is displayed.

        For Business and Law Schools, custom branding can be set up for Student Groups. If a user is assigned to multiple student groups for which custom branding exists, the default branding will be displayed.

 

To create a new custom branding configuration:

  1. Select the +New button in the top right hand corner on the Site Branding tab of the General / General Configuration site setting page. Screenshot 2025-06-06 at 2.46.44 PM.png
  2. Select the College/School(s) or Student Group(s) this custom branding will apply for.Screenshot 2025-06-06 at 2.48.55 PM.png
  3. Upload a School Logo, a Site Logo, and a Background Image. Screenshot 2025-06-06 at 2.53.52 PM.png
  4. Select Save.
  5. Repeat for each student population you would like to set up a custom branding configuration for. Screenshot 2025-06-06 at 3.02.29 PM.png

To Edit or Delete a custom branding configuration:

    1. Use the more actions icon to select Edit or Delete. If editing, replace the School Logo, Site Logo, and/or the Background Image and be sure to save your changes.

 

Screenshot 2025-06-06 at 3.04.18 PM.png


 

Changing the Login Page Background Image

If you would like to change your platform's login background image, please send the image to the 12Twenty Support team (support@12twenty.com). The image must adhere to the following specifications:

  • Image Format: JPG
  • Max File Size: 800kb
  • Max Image Dimensions: 1920x1080
  • Minimum Image Dimensions: 1280x800

Please note that the login screen window is responsive, so the page will keep the center of the image in the center of the screen. Therefore, any element of the image that you would like to keep in view should be in the center of the image, or as close to it as possible. 

 

Here is a good example of a background image. The students are walking in the center of the screen (both horizontally and vertically) and the image itself is very symmetrical:

 

 

blob1476991230720.png

 

Here is a bad example of a background image. The bicyclist is in the center of the screen, but her head is at the top of the screen, so it could get cropped off. It would be better if the students head were lower, closer to the center of the image.

 

 

blob1476991442661.png

Was this article helpful?
0 out of 0 found this helpful

Articles in this section