---
title: "Theme the Developer Portal with AI"
description: "Generate a Developer Portal theme automatically from your organization's website using AI-powered branding."
canonical_url: https://wso2.com/api-platform/docs/cloud/devportal/theming-devportal-with-ai/
md_url: https://wso2.com/api-platform/docs/cloud/devportal/theming-devportal-with-ai.md
tags:
  - cloud
  - devportal
  - theming
author: WSO2 API Platform Documentation Team
last_updated: 2026-06-22
content_type: "how-to"
---

# Theming Developer Portal with AI for your Organization

AI-powered branding simplifies the process of customizing your organization's Developer portal. By leveraging AI Branding, you can ensure that your pages not only look great but also align perfectly with your brand's identity.

## Prerequisites

- If you're signing in to the API Platform Console for the first time, create an organization:
    1. Go to [API Platform Console](https://console.bijira.dev/) and sign in using your preferred method.
    2. Enter a unique organization name. For example, `TestingOrg`.
    3. Read and accept the privacy policy and terms of use.
    4. Click **Create**.

This creates the organization and opens the **Project Home** page of the default project created for you.

## Get into `Developer Portal` tab

Go through the below steps to get the `Developer Portal` tab.

- Close the project tab selected by default. Then the `Organization` tab will be selected.
- In the left navigation menu, click `Admin` and then click `Settings`.
- Select `Developer Portal` tab.

## Theme your Devportal with AI

Go through the following steps to customize the theme of the Devportal with AI.

1. Click on `Theme with AI`.

    ![Theming page under Developer Portal settings tab showing Theme your Devportal with AI card and Theme with AI button](../../assets/img/devportal/theming_ai_button.png)

2. Enter the website URL  you'd like to use as the basis for branding.

    ![Configure theming with AI panel showing URL input field with a sample website URL and submit arrow button](../../assets/img/devportal/ai_theme_url.png)

3. Click enter to automate branding for your organization based on the website you provided. The system will then process the website and start generating the branding theme. You can see the result in the preview section.

    ![Theme Settings panel with AI-generated blue color palette and live developer portal preview on the right](../../assets/img/devportal/devportal_preview.png)

4. If you want to save those changes as a draft you can select `Save As Draft`.
5. If it perfectly aligns with your organization's unique identity, you can click `Publish to Devportal`.

    ![Theming header bar showing Save As Draft and Publish To Developer Portal buttons with Org Level tab active](../../assets/img/devportal/publish_to_devportal.png)

6. Go to `Developer portal` to see the changes.

    ![API Platform console header showing the Developer Portal button highlighted next to the Upgrade button](../../assets/img/devportal/view_devportal.png)

    The finalized view will be as follows:

    ![Published developer portal homepage with AI-generated dark blue theme, hero banner, and feature cards](../../assets/img/devportal/finalized_preview.png)