I’m often asked how to give the Microsoft Office 365 login page a branded and customised look and feel. It’s really easy so if you are using cloud only or AD synced users, you can apply branding to the login page. This method does not apply to ADFS as the login page is hosted on the local ADFS servers and not in Azure AD.
How does it work?
When users enter the username, Office 365 detects the domain name and picks up any custom branding on the Azure AD. You might not be aware that you are using Azure AD to authenticate but unless you are using ADFS then you probably are!
What files will I need?
There are several image files required. Each of these should be optimised for the web to keep the file size down (files above a certain size will be rejected).
These are the main ones you will need to prepare. These should be PNG files with a transparent background except for the sign-in illustration which should be a compressed JPG image.
- BANNER LOGO (60 x 280 pixels)
- SQUARE LOGO (240 x 240 pixels)
- SQUARE LOGO, DARK THEME (240 x 240 pixels)
- Sign in illustration – replacing the MS highway picture (1420×1200 resolution)
How to setup custom branding?
Open the Office 365 Admin portal and navigate to Azure AD admin centre.
Select the active directory on which you want to apply the branding.
Go to the Configure tag.
On the configure page, select the “Customize Branding” button.
The question mark icon will show you the requirements for each image. Upload each optional image and replace sign-in page text where necessary.
Once this has been saved, you can test it after a few minutes by going to the Office 365 login page and entering your username. When moving to the password box, the branding should update with your custom design.
Hi.
Do you know if there is a way to adjust the branding for a specific tenant/application in Azure AD without relying on changing all applications to use custom HTML?
I was hoping to just adjust a specific application/tenants login page and not all others. I can see in ADFS 2016 onwards that there seems to be a way of doing this:-
https://docs.microsoft.com/en-gb/windows-server/identity/ad-fs/operations/ad-fs-customization-in-windows-server
where just for a specific relying party you can use a bit of javascript etc to customize a relying party’s login page. However, can’t seem to find anything in Azure AD that allow this. You seem to need to change all applications to use a custom HTML page.
Thanks
This is not something I have done in ADFS. Would be interesting to see if there was a solution.