Table of contents

Setting up logos in the new interface

Joe Julian Updated by Joe Julian

Due to changes in colour schemes, screen positioning, and the introduction of light and dark modes, your existing logos from the old interface will not be appear correctly in the new user experience. As such your existing logos will not be automatically transferred to the new experience.

As you prepare for the February release, we recommend creating two new logos to work with light and dark modes, to ensure they remains visible and effective. We've provided a gallery below to assist in testing your logo on both light mode and dark mode backgrounds to ensure the correct logo choice.

New logo requirements:

  • Format: PNG or SVG
  • Dimensions: 195x32px
  • Maximum file size: 50kb

Example logo placement:

Light mode logo test:

Dark mode logo test:

Upload your new logos - Available March 15th 2026

  1. Sign into apps.oneadvanced.com using your Organisational admin credentials.
  2. Click on the Organisations tab on the navigation bar.
  1. Click on the Edit button with the Pencil icon for the organisation you wish to upload logos for
  1. Click on the Co-Branding tab and choose your Primary logo file for light mode and Secondary logo file for dark mode
  1. Click Update Organisation to upload your new logos

FAQ

How many logos are needed?

If your logo works well on both light and dark modes, then you only need to upload the Primary logo. A Secondary logo option is available if you'd like specific logos for both light and dark modes.

What formats do we accept?

All logos supplied should have transparent backgrounds. Our preferred formats are PNG or SVG.

What size should logos be?

The maximum file size is 50KB. Logos can be uploaded in any dimension and will be automatically scaled to fit the co-branding area while maintaining their aspect ratio. For best results, logos should be supplied without padding.

Glossary

SVG (Scalable Vector Graphics):

Explanation: SVG is a file format used for vector graphics. It's a scalable format that can be resized without losing quality, making it suitable for logos and other graphics.

PNG (Portable Network Graphics):

Explanation: PNG is a file format used for raster graphics. It's a widely supported format that can be used for logos and other images, but can introduce visual artifacts when scaled.

Was this article useful?

UXUI Frequently asked Questions

Contact