# Brand your hosted login experience

Regardless of the business type, authentication should always provide a seamless experience for your end-users. Customizing your authentication screens is beneficial for consistency and brand recognition, while safeguarding users from phishing attempts: users will build trust, confidently navigate your customer-facing application, and quickly detect inconsistency if fraudulent applications attempt to impersonate your brand.

From the Admin Portal, we let you customize the screens of the hosted login flow to align with your brand identity. Here is an overview of the screen branding logic.

What this page covers
This page covers branding configured per Mosaic application. If your login screens are rendered by a journey, the fonts, colors, card layout, and input field appearance of those screens come from a style assigned to the client instead. See [Manage styling for the Mosaic-hosted SSO experience](/guides/platform/hosted_ui_styles).

Note
Review our [authentication experience demos](/guides/user/hosted_login_how_it_works#authentication-experience-demos) for an example of custom authentication flows and the related custom screens.

## Customize screen colors

From the login screen to the MFA selection you can customize the primary color for all screens of the hosted login flow. This color will be applied to primary buttons, icons, and navigation buttons (**B2C** or **B2B Identity** *based on your setup* > **Experience Management** > **Branding & language**).

![Branding color screen](/assets/branding_screen_focus.1b87f813d81904cf738b2a29986c2560f410d155cc43b226253a6d03b4b44236.2397ab79.png)

## Customize language settings

You can localize the login screen by selecting the default language and additional languages (**B2C** or **B2B Identity** *based on your setup* > **Experience Management** > **Branding & language**). If the browser locale matches one of the enabled languages, Mosaic will automatically provide UI in this language. Mosaic will proceed to a default language in case the browser doesn't specify the language to use or if the locale coming from the browser isn't supported by your app.

![Localization screen](/assets/branding_localization.9657dc02a586e8ee659e014f1be432158397e875ba60ebb7d97ed0f8cb7cc068.2397ab79.png)

## Set the default country phone code

You can set the country code shown by default in the forms that collect a user's phone number (**Experience Management** > **Customization**). Users can still select a different country.

## Add application logo

You can upload your application logo (**Applications** > your application) for the application-level hosted login experience. For Mosaic-hosted SSO screens rendered by a journey, configure the logo in the [style assigned to the client](/guides/platform/hosted_ui_styles).

![Add logo screen](/assets/branding_logo_focus.e20515e23b85e30f5d8917054142f442225a864a1bd37690d9e2d1dd427c7820.9c1bb791.png)

## Customize email templates

Email templates are used for various authentication methods, such as email magic link, email OTP, and password reset emails. From the authentication method settings (**Applications** > your app > **Authentication methods**), you customize the email primary color and preview its appearance.

![Branding email color](/assets/branding_email_focus.d198bf47dc01a63a4b351ae0cd9c28ba2b1a41353b76f20da8ec2a5b80ae6875.2397ab79.png)