Customize company logo and colors
How to adapt the branding of your LernCampus24 instance
2 min read Author: LernCampus24 Redaktion Published: January 13, 2025
Customize company branding
Adapt LernCampus24 to your company’s visual identity. Your logo and colors are shown throughout the platform.
Open branding settings
- Go to Admin > Settings
- Select “Branding” or “Company branding”
Upload company logo
Logo requirements
| Property | Recommendation |
|---|---|
| Format | PNG, SVG (preferred), or JPG |
| Size | 200x60 to 400x120 pixels |
| Background | Transparent recommended |
| File size | Max. 2 MB |
Upload logo
- Click “Upload logo”
- Select your logo file
- Check the preview
- Click “Save”
Logo placement
Choose where the logo is displayed:
| Option | Description |
|---|---|
| Left | Logo on the left in the navigation |
| Centered | Logo in the center |
| Hidden | Only “LernCampus24” is shown |
Adjust primary color
Color selection
The primary color is used for:
- Buttons and links
- Navigation and menus
- Accents across the entire interface
How to change the color
- Click the color field
- Choose a color with the color picker
- Or enter a hex code (for example, #3b82f6)
- Click “Save”
Color recommendations
| Industry | Typical colors |
|---|---|
| Finance | Blue, dark blue |
| Healthcare | Green, turquoise |
| Technology | Blue, purple |
| Energy | Green, orange |
Tip: Use your company’s corporate identity colors.
Check preview
Live preview
While making changes:
- You see a live preview on the right
- Check how logo and colors work together
- Test different combinations
Before saving
Check:
- Readability: Is the text easy to read on the color?
- Contrast: Enough contrast for accessibility?
- Consistency: Does it match the rest of your brand?
Publish changes
Immediate effect
After saving:
- Changes are active immediately
- All users see the new branding
- A page reload shows the changes
Back to default
If needed:
- Click “Remove logo” to remove the logo
- Click “Default color” to reset the color
Certificate branding
The logo also appears on certificates:
- Position: At the top of the certificate
- Quality: Use a high-resolution logo
More: Certificate settings
Best practices
Logo tips
- Transparent background: Looks more professional
- High resolution: Avoids pixelation
- Horizontal format: Fits better in the navigation
Color tips
- Corporate design: Stay with your brand colors
- Not too dark: Good readability matters
- Not too light: Buttons must remain recognizable