Branding
Customize ProBeya with your organization’s logo, colors, and brand identity.
Overview
Make ProBeya feel like your own with custom branding. Upload your logo, choose brand colors, and configure the appearance to match your organization’s identity.
Custom branding is available on Business and Enterprise plans. Free and Pro plans use the default ProBeya branding.
Logo
Organization Logo
Your logo appears in the sidebar header, email notifications, and the login page for your subdomain.
Go to Branding Settings
Navigate to Settings > Organization > Branding.
Upload Logo
Upload your logo in SVG, PNG, or JPG format. Recommended size: 200x50 pixels for a horizontal logo, or 50x50 pixels for an icon.
Upload Dark Mode Logo
Optionally upload a separate logo for dark mode. If not provided, the light mode logo is used with a slight brightness adjustment.
Use an SVG logo for the best quality across all screen sizes and resolutions. SVG logos scale without pixelation.
Favicon
Upload a custom favicon (the small icon shown in browser tabs). Recommended format: 32x32 pixels in SVG or PNG.
Colors
Customize the accent color used throughout the application:
| Setting | Description |
|---|---|
| Primary Color | Used for buttons, links, and active states |
| Sidebar Color | Background color of the left sidebar |
| Header Color | Background color of the top header bar |
Enter hex color codes or use the color picker. Changes are previewed in real time before saving.
ProBeya automatically generates light and dark variations of your primary color for hover states, borders, and backgrounds. You only need to set the primary color.
Login Page
Customize the login page at your-org.probeya.com/login:
- Background image — Upload a full-width background image or choose from gradients
- Welcome message — Custom heading and subheading text
- Login methods — Choose which auth methods are shown (email, Google, Microsoft, GitHub, SAML)
Email Templates
Customize the look of email notifications sent by ProBeya:
- Header — Your logo and brand colors
- Footer — Custom footer text with your organization name and links
- Reply-to address — Set a custom reply-to email address
Custom CSS
Custom CSS is an advanced feature and can break the UI if used incorrectly. Test changes thoroughly.
Enterprise plans can inject custom CSS to further customize the appearance. Go to Settings > Branding > Custom CSS to add your styles.
/* Example: Custom font for the entire app */
body {
font-family: 'Your Custom Font', system-ui, sans-serif;
}
/* Example: Custom sidebar width */
.sidebar {
width: 280px;
}
White Labeling
Enterprise plans include full white-label options:
- Remove all ProBeya branding
- Custom application title in browser tabs
- Custom “Powered by” footer text (or remove entirely)
- Custom email sender name and domain
- Custom terms of service and privacy policy links
Contact your account manager to enable white-label features.
Was this page helpful?