You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/active-directory/fundamentals/customize-branding.md
+18-12Lines changed: 18 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@ ms.service: active-directory
9
9
ms.workload: identity
10
10
ms.subservice: fundamentals
11
11
ms.topic: how-to
12
-
ms.date: 11/21/2022
12
+
ms.date: 03/01/2023
13
13
ms.author: sarahlipsey
14
14
ms.reviewer: kexia
15
15
ms.custom: "it-pro, seodec18, fasttrack-edit"
@@ -24,7 +24,7 @@ This article covers how to customize the company branding for sign-in experience
24
24
25
25
An updated experience for adding company branding is available as an Azure AD preview feature. To opt in and explore the new experience, go to **Azure AD** > **Preview features** and enable the **Enhanced Company Branding** feature. Check out the updated documentation on [how to customize branding](how-to-customize-branding.md).
26
26
27
-
## License requirements
27
+
## Role and license requirements
28
28
29
29
Adding custom branding requires one of the following licenses:
30
30
@@ -34,7 +34,9 @@ Adding custom branding requires one of the following licenses:
34
34
35
35
Azure AD Premium editions are available for customers in China using the worldwide instance of Azure AD. Azure AD Premium editions aren't currently supported in the Azure service operated by 21Vianet in China. For more information about licensing and editions, see [Sign up for Azure AD Premium](active-directory-get-started-premium.md).
36
36
37
-
## Customize the default sign-in experience
37
+
The **Global Administrator** role is required to customize company branding.
38
+
39
+
## Before you begin
38
40
39
41
You can customize the sign-in experience when users sign in to your organization's tenant-specific apps, such as `https://outlook.com/woodgrove.com`, or when passing a domain variable, such as `https://passwordreset.microsoftonline.com/?whr=woodgrove.com`.
40
42
@@ -44,6 +46,10 @@ Custom branding appears after users sign in. Users that start the sign-in proces
44
46
45
47
**Images have different image and file size requirements.** Take note of the requirements for each option. You may need to use a photo editor to create the right-sized images. The preferred image type for all images is PNG, but JPG is accepted.
46
48
49
+
**Use Microsoft Graph with Azure AD company branding.** Company branding can be viewed and managed using Microsoft Graph on the `/beta` endpoint and the `organizationalBranding` resource type. For more information, see the [organizational branding API documentation](/graph/api/resources/organizationalbranding?view=graph-rest-beta&preserve-view=true).
50
+
51
+
## How to configure company branding
52
+
47
53
1. Sign in to the [Azure portal](https://portal.azure.com/) using a Global administrator account for the directory.
48
54
49
55
2. Go to **Azure Active Directory** > **Company branding** > **Configure**.
@@ -54,7 +60,7 @@ Custom branding appears after users sign in. Users that start the sign-in proces
54
60
55
61
-**Language** The language for your first customized branding configuration is based on your default locale can't be changed. Once a default sign-in experience is created, you can add language-specific customized branding.
56
62
57
-
-**Sign-in page background image** Select a PNG or JPG image file to appear as the background for your sign-in pages. The image will be anchored to the center of the browser, and will scale to the size of the viewable space.
63
+
-**Sign-in page background image** Select a PNG or JPG image file to appear as the background for your sign-in pages. The image is anchored to the center of the browser, and scales to the size of the viewable space.
58
64
59
65
We recommended using images without a strong subject focus. An opaque white box appears in the center of the screen, which could cover any part of the image depending on the dimensions of the viewable space.
60
66
@@ -79,17 +85,17 @@ Custom branding appears after users sign in. Users that start the sign-in proces
79
85
> [!IMPORTANT]
80
86
> Hyperlinks that are added to the sign-in page text render as text in native environments, such as desktop and mobile applications.
81
87
82
-
-**Advanced settings**
88
+
-**Advanced settings**
83
89
84
90

85
91
86
-
-**Sign-in page background color** Specify the hexadecimal color (#FFFFFF) that will appear in place of your background image in low-bandwidth connection situations. We recommend using the primary color of your banner logo or your organization color.
92
+
-**Sign-in page background color** Specify the hexadecimal color (#FFFFFF) that appears in place of your background image in low-bandwidth connection situations. We recommend using the primary color of your banner logo or your organization color.
87
93
88
-
-**Square logo image** Select a PNG or JPG image of your organization's logo to appear during the setup process for new Windows 10 Enterprise devices. This image is only used for Windows authentication and appears only on tenants that are using [Windows Autopilot](/windows/deployment/windows-autopilot/windows-10-autopilot) for deployment or for password entry pages in other Windows 10 experiences. In some cases, it may also appear in the consent dialog.
94
+
-**Square logo image** Select a PNG or JPG image of your organization's logo to appear during the setup process for new Windows 10 Enterprise devices. This image is only used for Windows authentication and only appears on tenants that are using [Windows Autopilot](/windows/deployment/windows-autopilot/windows-10-autopilot) for deployment or password entry pages in other Windows 10 experiences. In some cases, it may also appear in the consent dialog.
89
95
90
96
We recommend using a transparent image since the background might not match your logo background. We also recommend not adding padding around the image or it might make your logo look small.
91
97
92
-
-**Square logo image, dark theme** Same as the square logo image above. This logo image takes the place of the square logo image when used with a dark background, such as with Windows 10 Azure AD joined screens during the out-of-box experience (OOBE). If your logo looks good on white, dark blue, and black backgrounds, you don't need to add this image.
98
+
-**Square logo image, dark theme** Same as the square logo image. This logo image takes the place of the square logo image when used with a dark background, such as with Windows 10 Azure AD joined screens during the out-of-box experience (OOBE). If your logo looks good on white, dark blue, and black backgrounds, you don't need to add this image.
93
99
94
100
>[!IMPORTANT]
95
101
> Transparent logos are supported with the square logo image. The color palette used in the transparent logo could conflict with backgrounds (such as, white, light grey, dark grey, and black backgrounds) used within Microsoft 365 apps and services that consume the square logo image. Solid color backgrounds may need to be used to ensure the square image logo is rendered correctly in all situations.
@@ -101,7 +107,7 @@ Custom branding appears after users sign in. Users that start the sign-in proces
101
107
This process creates your first custom branding configuration, and it becomes the default for your tenant. The default custom branding configuration serves as a fallback option for all language-specific branding configurations. The configuration can't be removed after you create it.
102
108
103
109
>[!IMPORTANT]
104
-
>To add more corporate branding configurations to your tenant, you must choose **New language** on the **Contoso - Company branding** page. This opens the **Configure company branding** page, where you can follow the same steps as above.
110
+
>To add more corporate branding configurations to your tenant, you must choose **New language** on the **Contoso - Company branding** page. This opens the **Configure company branding** page, where you can follow the previous steps.
105
111
106
112
## Customize the sign-in experience by browser language
107
113
@@ -111,13 +117,13 @@ To create an inclusive experience for all of your users, you can customize the s
111
117
112
118
2. Select **Azure Active Directory** > **Company branding** > **+ New language**.
113
119
114
-
The process for customizing the experience is the same as the [Default sign-in experience](#customize-the-default-sign-in-experience), except you select a **Language** from the dropdown list.
120
+
The process for customizing the experience is the same as the main [configure company branding](#configure-your-company-branding) process, except you select a **Language** from the dropdown list.
115
121
116
122
We recommend adding **Sign-in page text** in the selected language.
117
123
118
124
## Edit custom branding
119
125
120
-
If custom branding has been added to your tenant, you can edit the details already provided. Refer to the details and descriptions of each setting in the [Add custom branding](#customize-the-default-sign-in-experience) section of this article.
126
+
If custom branding has been added to your tenant, you can edit the details already provided. Refer to the details and descriptions of each setting in the [configure your company branding](#configure-your-company-branding) section of this article.
121
127
122
128
1. Sign in to the [Azure portal](https://portal.azure.com/) using a Global Administrator account for the directory.
123
129
@@ -134,4 +140,4 @@ If custom branding has been added to your tenant, you can edit the details alrea
134
140
## Next steps
135
141
136
142
-[Add your organization's privacy info on Azure AD](./active-directory-properties-area.md)
137
-
-[Learn more about Conditional Access](../conditional-access/overview.md)
143
+
-[Learn more about Conditional Access](../conditional-access/overview.md)
When users authenticate into your corporate intranet or web-based applications, Azure Active Directory (Azure AD) provides the identity and access management (IAM) service. You can add company branding that applies to all these sign-in experiences to create a consistent experience for your users.
22
22
23
-
The default sign-in experience is the global look and feel that applies across all sign-ins to your tenant. Before you customize any settings, the default Microsoft branding will appear in your sign-in pages. You can customize this default experience with a custom background image or color, favicon, layout, header, and footer. You can also upload a custom CSS.
23
+
The default sign-in experience is the global look and feel that applies across all sign-ins to your tenant. Before you customize any settings, the default Microsoft branding appears in your sign-in pages. You can customize this default experience with a custom background image or color, favicon, layout, header, and footer. You can also upload a custom CSS.
24
24
25
-
The updated experience for adding company branding covered in this article is available as an Azure AD preview feature. To opt in and explore the new experience, go to **Azure AD** > **Preview features** and enable the **Enhanced Company Branding** feature. For more information about previews, see [Supplemental Terms of Use for Microsoft Azure Previews](https://azure.microsoft.com/support/legal/preview-supplemental-terms/).
26
-
27
-
Instructions for the legacy company branding customization process can be found in the [Customize branding](customize-branding.md) article.
25
+
> [!NOTE]
26
+
> Instructions for the legacy company branding customization process can be found in the **[Customize branding](customize-branding.md)** article.<br><br>The updated experience for adding company branding covered in this article is available as an Azure AD preview feature. To opt in and explore the new experience, go to **Azure AD** > **Preview features** and enable the **Enhanced Company Branding** feature. For more information about previews, see [Supplemental Terms of Use for Microsoft Azure Previews](https://azure.microsoft.com/support/legal/preview-supplemental-terms/).
27
+
>
28
28
29
29
## User experience
30
30
31
31
You can customize the sign-in pages when users access your organization's tenant-specific apps. For Microsoft and SaaS applications (multi-tenant apps) such as <https://myapps.microsoft.com>, or <https://outlook.com> the customized sign-in page appears only after the user types their **Email**, or **Phone**, and select **Next**.
32
32
33
-
Some of the Microsoft applications support the home realm discovery `whr` query string parameter, or a domain variable. With the home realm discovery and domain parameter, the customized sign-in page will appear immediately in the first step.
33
+
Some of the Microsoft applications support the home realm discovery `whr` query string parameter, or a domain variable. With the home realm discovery and domain parameter, the customized sign-in page appears immediately in the first step.
34
34
35
35
In the following examples replace the contoso.com with your own tenant name, or verified domain name:
36
36
@@ -39,7 +39,7 @@ In the following examples replace the contoso.com with your own tenant name, or
39
39
- For my app portal `https://myapps.microsoft.com/?whr=contoso.com`
Adding custom branding requires one of the following licenses:
45
45
@@ -51,16 +51,22 @@ For more information about licensing and editions, see the [Sign up for Azure AD
51
51
52
52
Azure AD Premium editions are available for customers in China using the worldwide instance of Azure AD. Azure AD Premium editions aren't currently supported in the Azure service operated by 21Vianet in China
53
53
54
+
The **Global Administrator** role is required to customize company branding.
55
+
54
56
## Before you begin
55
57
56
58
**All branding elements are optional. Default settings will remain, if left unchanged.** For example, if you specify a banner logo but no background image, the sign-in page shows your logo with a default background image from the destination site such as Microsoft 365. Additionally, sign-in page branding doesn't carry over to personal Microsoft accounts. If your users or guests authenticate using a personal Microsoft account, the sign-in page won't reflect the branding of your organization.
57
59
58
60
**Images have different image and file size requirements.** Take note of the image requirements for each option. You may need to use a photo editor to create the right size images. The preferred image type for all images is PNG, but JPG is accepted.
59
61
62
+
**Use Microsoft Graph with Azure AD company branding.** Company branding can be viewed and managed using Microsoft Graph on the `/beta` endpoint and the `organizationalBranding` resource type. For more information, see the [organizational branding API documentation](/graph/api/resources/organizationalbranding?view=graph-rest-beta&preserve-view=true).
63
+
64
+
## How to navigate the company branding process
65
+
60
66
1. Sign in to the [Azure portal](https://portal.azure.com/) using a Global Administrator account for the directory.
61
67
62
68
2. Go to **Azure Active Directory** > **Company branding** > **Customize**.
63
-
- If you currently have a customized sign-in experience, you'll see an **Edit** button.
69
+
- If you currently have a customized sign-in experience, the **Edit** button is available.
64
70
65
71

66
72
@@ -72,7 +78,7 @@ The sign-in experience process is grouped into sections. At the end of each sect
72
78
73
79
-**Favicon**: Select a PNG or JPG of your logo that appears in the web browser tab.
74
80
75
-
-**Background image**: Select a PNG or JPG to display as the main image on your sign-in page. This image will scale and crop according to the window size, but may be partially blocked by the sign-in prompt.
81
+
-**Background image**: Select a PNG or JPG to display as the main image on your sign-in page. This image scales and crops according to the window size, but may be partially blocked by the sign-in prompt.
76
82
77
83
-**Page background color**: If the background image isn't able to load because of a slower connection, your selected background color appears instead.
78
84
@@ -133,7 +139,7 @@ If you haven't enabled the footer, go to the **Layout** section and select **Sho
133
139
134
140
-**Self-service password reset**:
135
141
- Show self-service password reset (SSPR): Select the checkbox to turn on SSPR.
136
-
- Common URL: Enter the destination URL for where your users will reset their passwords. This URL appears on the username and password collection screens.
142
+
- Common URL: Enter the destination URL for where your users reset their passwords. This URL appears on the username and password collection screens.
137
143
- Username collection display text: Replace the default text with your own custom username collection text.
138
144
- Password collection display text: Replace the default text with your own customer password collection text.
0 commit comments