# Design

<figure><img src="/files/wzTN9T7A8Toq4zcZRlTr" alt=""><figcaption><p>Product Hub Design Settings</p></figcaption></figure>

Customize the Product Hub to match your brand.&#x20;

Appearance matters—that’s why we’ve created two stunning themes that you can customize to match your brand, making the portal unmistakably yours.

## Basics

### Themes

Released offers two distinct themes for your Product Hub and portals. Choose your preferred theme in the Product Hub settings, and it will be applied to all portals.&#x20;

#### Sydney

<figure><img src="/files/nntuhSU2r4R7hat5dnfs" alt=""><figcaption><p>A beautiful portal layout, featuring a slick changelog with "recently featured" and a horizontal roadmap. </p></figcaption></figure>

#### San Francisco

<figure><img src="/files/J674JMjVNLJUyfvpluKJ" alt=""><figcaption><p>A modern side-by-side layout featuring a continuous changelog timeline and a vertical roadmap layout. </p></figcaption></figure>

### General

The General Settings let you customize your Product Hub's appearance, content, and display language. Here are the available configuration options:

{% hint style="info" %}
Unless overridden, the portal settings are inherited by the embedded views, including both the page and the widget.
{% endhint %}

<table><thead><tr><th width="246">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Title</strong></td><td>Enter the title for the Product Hub. This title will appear as the main heading on the Product Hub overview page. </td></tr><tr><td><strong>Subtitle</strong></td><td>Enter a subtitle for the Product Hub. This description provides additional context for viewers. </td></tr><tr><td><h4>Color scheme</h4></td><td><p></p><p>Choose the color scheme for the interface.</p><ul><li><strong>Light</strong>: Sets the interface to a light color theme.</li><li><strong>Dark</strong>: Sets the interface to a dark color theme.</li><li><strong>Auto</strong>: Automatically adjusts the color scheme based on the user’s system preferences.</li></ul></td></tr><tr><td><strong>Primary color</strong></td><td>Select the primary color for the interface by entering a hex color code or choosing a color from the color picker. This color is used for highlights and accents.</td></tr><tr><td><strong>Locale</strong></td><td>Select the language for the interface. Choose from available language options to set the preferred locale.</td></tr></tbody></table>

### **Portal Hub**

Depending on the selected theme, you may see Product Hub theme specific settings. Below are some of the available configuration options you may encounter:

<table><thead><tr><th width="246">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Secondary color</strong></td><td>The secondary color used for gradients in the Sydney theme.</td></tr></tbody></table>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.released.so/guide/product/administration/design.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.