---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/platform-user-interface

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Create a theme using ServiceNow Otto

# Create a theme using ServiceNow Otto {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes to read

Use ServiceNow Otto® to generate themes from your brand image or brand guidelines. Color palettes are extracted automatically, producing visually consistent themes without requiring brand color codes.

## Before you begin

This feature requires:

* The ServiceNow Otto for Creator application must be installed. See [Install ServiceNow Otto for Creator](https://www.servicenow.com/docs/access?context=install-now-assist-for-creator&version=australia&pubname=australia-application-development&ft:locale=en-US)
* A theme creation workflow enabled in AI Agent Studio. See [Turn on theme creation workflow for use in the ServiceNow Otto panel](https://servicenow-prod.fluidtopics.net/vMjTU51G0NkSA4hoiYngmQ "Turn on the theme creation workflow to generate themes using the ServiceNow Otto panel.").
* The ServiceNow Otto® panel must be turned on. See [Activate the ServiceNow Otto panel standard chat](https://www.servicenow.com/docs/access?context=activate-now-assist-panel&version=australia&pubname=australia-intelligent-experiences&ft:locale=en-US).
{#create-theme-now-assist__ul_zrd_d5w_g3c}  
Role required:

* ui_builder_admin
* now_assist_panel_user
{#create-theme-now-assist__ul_mcn_rgh_g3c}

For information on granular roles, see [Granular admin roles](https://www.servicenow.com/docs/access?context=granular-admin-roles&version=australia&pubname=australia-platform-security&ft:locale=en-US).

## Procedure

1. Select the ServiceNow Otto® icon ![]() to display the ServiceNow Otto® panel.
2. In the chat window, enter <kbd class="ph userinput">Create a theme</kbd>.  
   The AI-enabled Theme Builder workflow starts.
   Figure 1. ServiceNow Otto® panel
3. Select Yes when prompted to proceed.
4. Select Show to open the theme creation wizard.  
   Figure 2. Launch theme creation wizard ![Theme Builder Show button highlighted.]()
5. Enter your theme name and a description, then select Next.
6. Choose how to define your theme colors.

   | Option | Action |
   | Upload brand image or brand guidelines PDF | AI automatically extracts a color palette from your image or brand guidelines PDF. |
   | Select Handpick my colors | Manually choose your theme colors |
   |-|-|

   {#create-theme-now-assist__choicetable_p2c_hww_g3c}  
   Figure 3. Generate theme colors using AI or manual selection
7. If you chose to upload a brand image or brand guidelines file, generate your theme colors using AI.
   1. Upload your brand image or brand guidelines file.  
      Supported formats for image files are JPEG, JPG, PNG, and SVG with a maximum size of 20 MB. Supported formats for brand guidelines are PDF with a maximum size of 20 MB.
   2. Select Generate Palette.
   3. Review the AI‑generated primary and secondary colors, then use the simplified preview to see where the colors appear in your instance.
   4. **Optional:** Modify the palette by selecting either the Primary or Secondary tile and select the add (+) button or choose from the AI-generated supporting colors.  
      Note:  
      The AI detects up to eight colors from your image, with the two most dominant pre-selected as the primary and secondary. Any additional detected colors are suggested as available options that you can swap in as needed.
   5. **Optional:** Choose a new color from the color selector and select Apply.
   6. **Optional:** Select back to return and choose a different image or to handpick your colors.
   7. Select Next.
   {#create-theme-now-assist__substeps_ex3_lqx_g3c}
8. If you selected Handpick my colors, define your theme colors manually.
   1. Select the Primary tile and choose your brand's primary color from the color selector or enter a value using HEX, RGB, or HSL.  
      Figure 4. Your brand's primary color
   2. After you identify the primary color of your brand, select Apply.
   3. Select the Secondary tile and choose your brand's secondary color from the color selector.
   4. Select Apply.
   5. **Optional:** Select Generate with AI instead to return to the AI-generated palette step.
   6. Select Next.
   {#create-theme-now-assist__substeps_wkn_mpx_g3c}
9. Upload your brand logo, confirm it appears correctly in the preview, and select Next.  
   If you don't add a logo, the ServiceNow logo is used.
10. Select the preferred font for your text and select Next.
11. Select the corner shape of your components in the interface, such as the buttons, modals, and drop-down menus, and select Next.
12. Review your selections and make any changes, if needed.  
    Figure 5. Theme details and final preview before creation
13. Select Create theme.  
    Note:  
    Themes aren't saved until Create theme is selected. Leaving the chat or restarting the workflow discards the theme.
14. Select Personalize your theme to customize or publish your theme from Theme Builder.

## Result

Your theme is saved as a draft in Theme Builder and appears in the Unpublished section of the Manager page.

## What to do next

Customize and publish your theme in Theme Builder. See [Manage or edit a theme with Theme Builder](https://servicenow-prod.fluidtopics.net/BiVmxVpbp2leNmTGxPqCUA "Customize and manage your theme and styling in a time and cost efficient way. After customizing, publish your new theme to either a web or mobile implementation of your instance.") and [Publish your themes with Theme Builder](https://servicenow-prod.fluidtopics.net/GEHVSNoQw7f8uunQ6C4DQg "Publish multiple themes to your web instance or a single theme to your mobile instance to reflect your company's brand.").

