Branding Guidelines for the New OneLogin User Interface

August 25th, 2014   /     /   Company News

One of the cool things about OneLogin is the ability to customize and rebrand the overall user experience to fit your corporate image. With your logo and brand colors on the login page and portal, your users will have a seamless, secure experience knowing they are using their official, compliant IT resources.

It’s really easy to customize OneLogin. With just a few clicks you can:

  • Replace the default OneLogin logo with your own
  • Customize the look and feel for the web interface with your brand color
  • Override styles for email notifications with CSS

To get the best results for branding your OneLogin, we recommend the following when uploading your logo.

  • The logo is in a horizontal layout
  • Has a max width 450 px, and max height 80 px. (Optimizing for Retina displays).
  • For the best contrast, we recommend preparing your logo in all white or other light shade if your brand color is in dark or rich shade. For the same reason, a dark color logos will look best on a lighter color background – however, be mindful about choosing a lighter color so the white menu texts can appear properly.
  • The logo is saved in .png format with a transparent background (see example below).

The logo will be applied to:

  1. Top nav bar

  1. Login Form on Login Page

  1. Brand Color Select your brand color, which is applied to the background of both the global header and the login form header.

If you would like help with your logo conversion, please contact OneLogin Customer Support.

About the Author

Penfan Sun is the Director of User Experience at OneLogin where she is leading the product design and user research. She has 10+ -year long track record of creating designs that changed or created new product directions for companies like Salesforce, OnAir Player and SAP.

 She is specialized in crafting design strategies and tangible deliverables that result in seamless end-to-end product experience for desktop, web, mobile, to touch-screen devices. She holds a Master of Interaction Design from Carnegie Mellon University.

View all posts by Penfan Sun