Updating Brand Settings

Brand settings allow you to configure the visual identity used across your sites and messaging experiences. Setting your brand correctly ensures that patients and partners see a consistent, recognizable experience when interacting with your organization.

These settings control your logo, colors, and interface styling throughout the platform.

Logo

Upload your organization’s logo to display across the portal and related experiences.

Best practices:

• Upload a PNG file with a transparent background

• Ensure the logo appears clearly on light backgrounds

• Avoid logos with white or very light elements that may disappear against the interface

• Use a high-resolution image so it displays cleanly across devices

Using a transparent PNG ensures the logo blends properly with the platform interface while maintaining your brand identity.

Brand Colors

Brand colors define the primary visual identity used across the interface.

Primary Color

The primary color is the most prominent color used in the interface. It is typically applied to:

• Buttons

• Highlights

• Key navigation elements

• Interactive actions

This color should align with your organization’s main brand color.

Secondary Color

The secondary color is used for supporting UI elements and visual accents.

It helps create contrast and hierarchy in the interface while still aligning with your brand palette.

Text Colors

Text colors ensure readability across different background environments.

Text on Light

This color is used when text appears on light backgrounds.

Best practices:

• Choose a dark color for strong contrast

• Avoid light gray or pastel colors that reduce readability

Text on Dark

This color is used when text appears on dark backgrounds.

Best practices:

• Use a light color that clearly contrasts with darker surfaces

• Avoid colors that blend into background elements

Maintaining strong contrast helps ensure content remains readable for all users.

Intent Colors

Intent colors provide visual feedback throughout the interface and help users quickly understand system messages or status indicators.

These colors are used consistently across the platform:

• Success – Indicates successful actions or confirmations

• Info – Used for informational messages or neutral notices

• Warning – Signals that attention may be required

• Error – Indicates a problem or failed action

These colors should remain clearly distinguishable from each other so users can quickly interpret system feedback.

Background Colors

Background colors define the base visual theme used in the partner portal and member portal.

The Default background color controls the primary page background.

Accessibility and Contrast Tips

Strong color contrast improves readability and accessibility.

When configuring brand colors:

• Use dark text on light backgrounds or light text on dark backgrounds

• Avoid pairing similar color tones (for example light gray on white)

• Ensure buttons and links stand out from surrounding elements

Good contrast improves usability and helps ensure the interface remains accessible to all users.