Branding
Customize the appearance of your studio.
Overview
Branding Elements
| Element | Where visible |
|---|---|
| Logo | Header, emails, invoices |
| Primary color | Buttons, links, accents |
| Studio name | Everywhere |
| Dark mode | Entire admin interface |
Logo
Requirements
| Property | Value |
|---|---|
| File size | Max. 2 MB |
| Formats | JPG, PNG, SVG |
| Recommended | 400x400px, transparent |
Uploading
- Go to Settings → General
- In the "Logo" section
- Click "Upload logo" or drag & drop
- Check the preview
- Save
Usage
The logo appears:
- In the header of the admin interface
- In emails (depending on settings)
- On invoices
- On the public studio page
- In widgets
Tips
- Transparent: PNG with transparent background
- Contrast: Works on both light AND dark backgrounds
- Simple: Recognizable even at small sizes
Primary Color
What Gets Colored?
- Primary buttons
- Links
- Focus states
- Icons
- Progress bars
- Badges
Selecting a Color
- Go to Settings → General
- Under "Theme" or "Primary color"
- Use the color picker or enter a hex code
- Save
Default Color
Bookicorn uses Lime Green (#84CC16) by default.
Recommendations
| Color | Effect |
|---|---|
| Blue | Trust, professionalism |
| Green | Nature, health, fitness |
| Orange | Energy, dynamism |
| Purple | Premium, creativity |
| Teal | Freshness, balance |
Mind the Contrast
Make sure that:
- Text on buttons is readable (white or black)
- The color is not too light
- The color suits your industry
Dark Mode
Activating
- Go to Settings → General
- Toggle "Dark mode"
- Active immediately
What Changes?
| Element | Light | Dark |
|---|---|---|
| Background | White | Dark grey |
| Text | Black | White |
| Cards | Light grey | Dark grey |
| Borders | Light grey | Dark grey |
For Customers?
Dark mode only applies to the admin interface. The customer dashboard has its own settings.
Studio Information
Name
The studio name appears:
- In the navigation
- In emails (sender, footer)
- On invoices
- On public pages
Description
Short studio description for:
- SEO (meta description)
- Public page
- Marketing
URL Slug
Your public studio URL:
https://app.bookicorn.net/s/your-slug
Rules:
- Lowercase letters only
- No spaces (hyphens allowed)
- Must be unique
Terminology
Customizing the Trainer Label
Instead of "Trainer" you can use:
- Instructor
- Coach
- Therapist
- Teacher
- Custom
Where Does This Take Effect?
- Navigation: "Trainer" → "Instructor"
- Emails: "Your trainer" → "Your instructor"
- Bookings: Trainer display
- Filters: Trainer filter
Setting It Up
- Go to Settings → General
- Under "Terminology"
- Choose a predefined option or Custom
- Save
Schedule Views
Available Views
| View | Description |
|---|---|
| Week | Classic calendar week |
| Day | Single day in detail |
| Month | Monthly overview |
| Agenda | List view |
Configuring
- Go to Settings → General
- Under "Schedule views"
- Enable the desired views
- Choose the default view
- Save
At least one view must be active.
Filter Options
Enable/disable filters in the schedule:
- Trainer filter
- Status filter
- Difficulty filter
- etc.
Public Page
URL
Your studio page is accessible at:
https://app.bookicorn.net/s/[your-slug]
Content
The public page shows:
- Logo and name
- Description
- Schedule
- Credit packages
- Trainers
- Images (gallery)
- FAQs
- Contact
Tip: Content is managed under Settings → Studio content.
Widgets
Branding in Widgets
Embedded widgets inherit:
- Primary color
- Logo (optional)
- Studio name
Customizing
In the Widget Builder you can additionally configure:
- Container width
- Background color
- Border radius
- Padding
Best Practices
Consistency
- Use the same colors as on your website
- Logo should look the same everywhere
- Consistent language (terminology)
Professionalism
- High-resolution logo
- Appropriate color choice
- Complete contact details
Mobile
- Logo recognizable even at small sizes
- Colors work on all devices