Skip to content
Documentation

    Design

    Product Hub Design Settings
    Product Hub Design Settings

    Design settings control the shared visual language of your Product Hub and portals. Choose a theme first, then set the title, supporting copy, colours, and display language that visitors see. This lets you make the published experience feel like part of your product without changing the underlying portal content.

    Hub offers two themes for the Product Hub and its portals. Your selection applies to all portals, so choose the layout that best suits the way you present updates and roadmaps before refining colours and copy.

    A beautiful portal layout, featuring a slick changelog with "recently featured" and a horizontal roadmap.
    A beautiful portal layout, featuring a slick changelog with "recently featured" and a horizontal roadmap.
    A modern side-by-side layout featuring a continuous changelog timeline and a vertical roadmap layout.
    A modern side-by-side layout featuring a continuous changelog timeline and a vertical roadmap layout.

    After choosing a theme, use the general settings to configure the shared appearance, content, and display language. Each option affects the public-facing Product Hub rather than a single post or roadmap.

    SettingDescription
    TitleEnter the title for the Product Hub. This title will appear as the main heading on the Product Hub overview page.
    SubtitleEnter a subtitle for the Product Hub. This description provides additional context for viewers.
    Color scheme

    Choose the color scheme for the interface.

    • Light: Sets the interface to a light color theme.
    • Dark: Sets the interface to a dark color theme.
    • Auto: Automatically adjusts the color scheme based on the user’s system preferences.
    Primary colorSelect 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.
    LocaleSelect the language for the interface. Choose from available language options to set the preferred locale.

    Some controls only appear for a particular theme. For example, Sydney includes a secondary colour that is used in its gradients. If you change theme later, review the settings again: a colour or layout option that applied to the old theme may not apply to the new one.

    SettingDescription
    Secondary colorThe secondary color used for gradients in the Sydney theme.