How to access
Settings → Organisation → BrandingLogo Types
Orgo requires multiple logo versions to ensure your brand looks great in all contexts:Main Logo (Light Theme)
Your primary logo for light backgrounds. This appears in the main navigation when users have the light theme enabled.
- Format: PNG with transparent background (recommended)
- Orientation: Horizontal/landscape preferred
- Max height: 60px (will be scaled automatically)
Main Logo (Dark Theme)
Your logo optimized for dark backgrounds. Use a light-colored version of your logo or add a white outline.
- Format: PNG with transparent background
- Should be visible on dark backgrounds
- Same dimensions as light theme logo
Icon Logo (Square)
A square version of your logo, typically just the icon or symbol without text. Used for:
- Browser favicon
- Mobile app icon
- Notifications
- Small UI elements
- Format: PNG with transparent background
- Dimensions: Square (1:1 ratio)
- Recommended size: 512x512 px minimum
Icon Logo (Square Dark)
Square icon optimized for dark backgrounds.
Login Page Background
A URL to an image that appears as the background on your login and registration pages. This helps create a branded experience for members signing in.
- Use a high-resolution image (1920x1080 or larger)
- Choose an image that works well with text overlaid
- Avoid busy images that make the login form hard to read
- Consider using a branded photo or abstract pattern
The image URL must be publicly accessible. We recommend hosting on a CDN or image hosting service for fast loading.
Uploading Logos
Step-by-step
1
Click the upload area
Click on the logo upload box for the type you want to upload (light, dark, square, etc.)
2
Select your file
Choose a PNG file from your computer. For best results, use transparent backgrounds.
3
Wait for upload
The logo will upload and preview automatically.
4
Save your changes
Click Save to apply the new logo across the platform.
Replacing a Logo
To replace an existing logo:- Click on the current logo
- Select a new file
- The new logo will replace the old one
- Click Save to confirm
Design Best Practices
Use transparent backgrounds
Use transparent backgrounds
PNG files with transparent backgrounds adapt better to both light and dark themes. Avoid JPGs with solid white backgrounds.
Test both themes
Test both themes
After uploading, switch between light and dark themes to ensure your logos look good in both contexts.
Keep it simple for square icons
Keep it simple for square icons
Square icons appear at small sizes. Use a simplified version of your logo - typically just the symbol without text.
Maintain brand consistency
Maintain brand consistency
Use the same logo files you use on your website and other materials for consistent brand recognition.
Consider mobile users
Consider mobile users
Test how your logo looks on mobile devices where the header is smaller.
Where Your Logos Appear
| Location | Logo Used |
|---|---|
| Navigation header | Main logo (light or dark based on theme) |
| Login/Register pages | Main logo + background image |
| Emails to members | Main logo (light version) |
| Browser tab (favicon) | Square icon |
| Mobile app | Square icon |
| PDF documents | Main logo |
| Newsletter templates | Main logo |