Skip to main content

Company Branding

Customize your organization's appearance in SureStage with company branding. Apply your logo and brand colors to prospect portals, demo packs, shared links, and public API portals.

Accessing Branding Settings​

Organization admins can configure branding.

  1. Navigate to Settings > Organization
  2. Select the Branding tab

Non-admin users can view current branding but cannot modify it.

Upload your organization's logo to personalize shared experiences.

  1. Go to Settings > Organization > Branding
  2. Click Upload Logo in the Company Logo section
  3. Select an image file from your device
  4. Crop and position the logo in the preview
  5. Click Save

Supported formats: PNG, JPG, SVG

Recommended size: 400 x 100 pixels (4:1 aspect ratio)

File size limit: 2 MB

Logo Usage​

Your logo appears in:

  • Prospect portals - Header of shared demo environments
  • Demo packs - Branded demo collections
  • Shared simulation links - Public or password-protected shares
  • Public API portals - Customer-facing API documentation
  • Email notifications - Emails sent from your organization
  1. Go to Settings > Organization > Branding
  2. Click Remove Logo
  3. Confirm removal

The default SureStage logo replaces your custom logo in all locations.

Brand Color Scheme​

Set primary and accent colors to match your brand identity.

Primary Color​

The main brand color used for buttons, links, and highlights.

  1. Go to Settings > Organization > Branding
  2. Click the color picker in the Primary Color section
  3. Choose a color:
    • Use the visual picker
    • Enter a hex code (e.g., #3B82F6)
    • Enter RGB values
  4. Click Save

Default: SureStage blue (#3B82F6)

Accent Color​

A secondary color for emphasis, hover states, and secondary actions.

  1. Go to Settings > Organization > Branding
  2. Click the color picker in the Accent Color section
  3. Choose a color
  4. Click Save

Default: SureStage purple (#8B5CF6)

Color Accessibility​

The color picker shows an accessibility score (WCAG AA/AAA compliance) based on contrast ratio.

Best practices:

  • Ensure text remains readable on your chosen colors
  • Aim for WCAG AA (4.5:1 contrast ratio) at minimum
  • Test colors in preview mode before saving

Resetting Colors​

Click Reset to Defaults to restore SureStage's original color scheme.

Preview Changes​

Before saving branding changes, preview how they look in context.

Live Preview​

The branding settings page includes a live preview panel showing:

  • Header with logo and colors
  • Button styles
  • Link colors
  • Card layouts

Changes update in real-time as you adjust settings.

Preview Modes​

Switch between preview contexts:

Prospect Portal

  • How your branding appears in shared demo environments
  • Includes header, navigation, and content areas

Demo Pack

  • Branded demo collections
  • Showcase format with logo and colors

Public API Portal

  • Customer-facing API documentation
  • Documentation layout with your branding

Shared Link

  • Password-protected or public simulation shares
  • Minimal branded header

Use the preview mode tabs at the top of the preview panel to switch contexts.

Where Branding Applies​

Your branding is applied selectively to external-facing features only. Internal SureStage UI remains standard.

Branded Experiences​

Prospect Portals - Custom demo environments shared with prospects (see Prospect Portals)

Demo Packs - Curated collections of simulations for sales demos (see Demo Packs)

Shared Simulation Links - Public or password-protected shares generated via the Share button

Public API Portals - Customer-facing API documentation with branded navigation

Email Notifications - Emails sent from your organization to external recipients

Non-Branded Experiences​

SureStage Web App - Internal dashboard, simulation editor, settings (remains SureStage branded)

Internal Notifications - In-app notifications to team members

Admin Pages - Settings, user management, audit logs

This separation ensures consistent user experience for your team while presenting a professional, branded appearance to external stakeholders.

Branding Rollout​

Branding changes take effect immediately for new shares and portals. Existing shares update within 5 minutes.

Verifying Changes​

After saving branding settings:

  1. Create a new shared link or prospect portal
  2. Open it in a private/incognito browser window
  3. Verify the logo and colors appear correctly

If changes don't appear, wait 5 minutes for the cache to refresh.

Organization vs. Workspace Branding​

Organization branding applies to all workspaces within your organization. Individual workspaces cannot override organization branding.

Workspace names still appear in prospect portals and shared links, but use organization branding for visual styling.

License Tier Requirements​

Custom branding is available on specific license tiers.

FeatureStarterProfessionalEnterprise
Company logoNoYesYes
Brand colorsNoYesYes
Branded emailsNoNoYes
White-label API portalsNoNoYes

See License Tiers for more details on plan features.

If your organization doesn't have access to branding features, contact your account manager to upgrade.

Best Practices​

Use high-resolution logos - Upload at least 2x the display size for crisp rendering on high-DPI screens.

Keep it simple - Logos with transparent backgrounds work best. Avoid complex, multi-color designs.

Test colors in context - Preview branding in all contexts (portals, emails, shares) before finalizing.

Match your website - Use the same colors and logo as your public website for brand consistency.

Consider dark mode - If your logo has dark elements, test how it appears on light backgrounds.

Common Issues​

Logo appears blurry - Upload a higher resolution image. Aim for at least 800 x 200 pixels.

Colors look different than expected - Ensure you're entering the correct hex code. Use a color picker tool to extract exact values from your brand guidelines.

Branding not appearing in shared links - Wait 5 minutes for cache refresh. Check that branding is saved (look for success message).

Can't access branding settings - Verify you have organization admin role. See Roles & Permissions.

Next Steps​