---
title: Setting up and customizing sign-on windows in PingOne
description: Customize the sign-on window in PingOne to match your company's desired branding and themes.
component: solution-guides
page_id: solution-guides:customer_use_cases:htg_sign_on_window_setup_p1
canonical_url: https://docs.pingidentity.com/solution-guides/customer_use_cases/htg_sign_on_window_setup_p1.html
revdate: April 13, 2025
section_ids:
  before-you-begin: Before you begin
  about-this-task: About this task
  steps: Steps
  choose-from: Choose from:
---

# Setting up and customizing sign-on windows in PingOne

Customize the sign-on window in PingOne to match your company's desired branding and themes.

## Before you begin

Collect any logos, background images, and specific color Hex values to match your company branding.

## About this task

The **Branding & Themes** window provides the ability to customize logos, colors, and layout of all end user-facing pages.

![Screen capture illustrating the Branding & Themes window in the PingOne for Customers web console.](_images/dht1600281334986.png)

## Steps

1. In the PingOne admin console, go to **Settings > Customization**.

2. In the **Company Name** field, enter a company name.

3. Upload a desired image for your logo.

   If there is already a default logo, click **Remove Image** before uploading a new logo.

   1. In the **Default Logo** field, click the **Plus** ([icon: plus, set=fa]) icon to select an image file.

   2. Select the desired image and click **Open**.

      The max size is 2.0 MB. Your image file must be a JPEG, JPG, GIF, or PNG.

4. For additional customization, change the theme.

   1. In the **My Themes** section, click the **Plus** ([icon: plus, set=fa]) icon.

   2. Click to select the desired theme from the available options.

   3. Use the editor to further customize the appearance.

      |   |                                                     |
      | - | --------------------------------------------------- |
      |   | All customization changes will appear in real-time. |

5. To open the editor and customize the theme, click the desired theme.

   ### Choose from:

   * In the **Name** field, enter a new name.

   * From the **Preview** list, select a different preview display.

   * In the **Theme Colors** field, select a new color for the theme.

   * In the **Logo** field, remove or add a new image logo.

   * In the **Background Image** field, remove, update, or change the color of the background image.

   * In the **Footer** field, enter a footer.

     ![Screen capture illustrating the Customize window for PingOne themes editor.](_images/qdz1600282684026.png)

6. To toggle between the desktop and mobile view, click the **Desktop** ([icon: desktop, set=fa]) or **Mobile** ([icon: mobile, set=fa]) icon.

   ![Screen capture illustrating the Name field and Preview list with the Desktop and Mobile icons, surrounded by a rectangle outline for highlight purposes, between them for the Branding & Themes window in PingOne. The Desktop icon is selected.](_images/wbe1600202692135.png)

7. To confirm your changes, click **Save Changes**.

   |   |                                |
   | - | ------------------------------ |
   |   | Add multiple themes as needed. |

8. To activate a theme, click the **Star** ([icon: star, set=fa]) icon.

   ![Screen capture illustrating the active Focus theme in PingOne's branding and themes with the active Star icon highlighted.](_images/jwj1600202599505.png)