# Portal

Think of a portal as your dedicated space to communicate with a particular audience.

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

## Managing access

Control who can access your portal via [**⚙ Settings > Access**](https://docs.released.so/guide/product/access#portal) in your workspace.

## Settings

### 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. 

#### Sydney

<figure><img src="https://1499735372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCU5VgN3YVTfigwSnbdbk%2Fuploads%2Fn89vMK3cjLbSLkKDTW0W%2FTheme%20-%20Sydney.png?alt=media&#x26;token=45b6185d-d8a9-4826-a25d-276d7c92dbdd" 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="https://1499735372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCU5VgN3YVTfigwSnbdbk%2Fuploads%2FYmshzG1tEKl5z8j9gVfk%2FTheme%20-%20San%20Francisco.png?alt=media&#x26;token=b060de7a-71ec-43a7-8420-9178988ec163" 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 portal’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><h4>Modules</h4></td><td><p></p><p>Select which modules to display in the portal. </p><ul><li><strong>All</strong>: Displays both the Changelog and Roadmap modules.</li><li><strong>Changelog</strong>: Only displays the Changelog module.</li><li><strong>Roadmap</strong>: Only displays the Roadmap module.</li></ul></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><p>See <a data-mention href="../../resources/how-tos/configuring-dark-mode">configuring-dark-mode</a> for more details. </p></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>Changelog title</strong></td><td>Enter the title for the Changelog module. This title will appear as the main heading for the changelog section.</td></tr><tr><td><strong>Changelog subtitle</strong></td><td>Enter a subtitle for the Changelog module. This description provides additional context for the changelog section.</td></tr><tr><td><strong>Roadmap title</strong></td><td>Enter the title for the Roadmap module. This title will appear as the main heading for the roadmap section.</td></tr><tr><td><strong>Roadmap subtitle</strong></td><td>Enter a subtitle for the Roadmap module. This description provides additional context for the roadmap section.</td></tr><tr><td><strong>Locale</strong></td><td><p>Select the language for the interface. Choose from available language options to set the preferred locale.<br><br><strong>Supported languages:</strong></p><p>🇺🇸 American English <br>🇩🇪 German<br>🇫🇷 French <br>🇪🇸 Spanish<br>🇵🇹 Portuguese <br>🇳🇱 Dutch</p></td></tr></tbody></table>

### **Portal**

Depending on the selected theme, you may see Portal specific settings. Here are the available configuration options:

<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>

## Embedding the portal

Use the embeds to integrate the content of a portal seamlessly into your website or app.&#x20;

Embeds come in two forms. A full page embed and a popup widget.&#x20;

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Page Embed</td><td><a href="portal/announcement-page">announcement-page</a></td><td><a href="https://1499735372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCU5VgN3YVTfigwSnbdbk%2Fuploads%2FjpawX5o2OPdbzYq7qL4u%2FAnnouncement%20Page%20-%20Header.png?alt=media&#x26;token=c7daa640-9866-4626-89ff-582324a32468">Announcement Page - Header.png</a></td></tr><tr><td>Widget embed</td><td><a href="portal/widget">widget</a></td><td><a href="https://1499735372-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCU5VgN3YVTfigwSnbdbk%2Fuploads%2FdsqRTuvsS3kqqgU2X3gJ%2FWidget%20-%20Header.png?alt=media&#x26;token=34f3220f-3bff-4e96-8718-269a091f13e6">Widget - Header.png</a></td></tr></tbody></table>