Branding

Customize your Demo Center's colors, logo, domain, and layout to match your company's visual identity.

Your Demo Center should feel like an extension of your website. Branding settings let you match the visual identity so prospects have a seamless experience.

Brand settings

Go to Demo Center > Settings > Branding to configure:

Colors

• Primary color -- Used for buttons, links, and accent elements.
• Background color -- The main page background.
• Card color -- The background of demo cards in the grid.
• Text color -- Body text and headings.

Enter hex values or use the color picker. Preview updates in real-time.

Logo

Upload your company logo. It appears in the Demo Center header.

• Recommended format: SVG or PNG with transparent background.
• Maximum dimensions: 400x100px.
• The logo links to your Demo Center home page by default. Configure a custom link URL under Logo Settings.

Fonts

• Heading font -- Applied to collection titles and demo names.
• Body font -- Applied to descriptions and UI text.

Choose from available web fonts (Google Fonts library) or upload custom font files (WOFF2 format).

Favicon

Upload a favicon displayed in the browser tab when prospects visit your Demo Center.

Layout options

• Grid layout -- Demos displayed as cards in a grid. Best for Demo Centers with many items.
• List layout -- Demos displayed as rows with larger descriptions. Best for fewer, detailed demos.
• Hero section -- Add a banner image and tagline at the top of the page.

Custom domain

Serve your Demo Center from your own domain:

1. Go to Demo Center > Settings > Domain.
2. Enter your domain (e.g., demos.yourcompany.com).
3. Add the CNAME record shown to your DNS provider.
4. Click Verify. SSL is provisioned automatically.

Note: Brand settings configured at the workspace level (under Settings > Brand) serve as defaults. Demo Center-specific settings override them, so you can run multiple Demo Centers with different branding.