Branding

Customize the appearance of your studio.

Overview

Branding Elements

ElementWhere visible
LogoHeader, emails, invoices
Primary colorButtons, links, accents
Studio nameEverywhere
Dark modeEntire admin interface

Logo

Requirements

PropertyValue
File sizeMax. 2 MB
FormatsJPG, PNG, SVG
Recommended400x400px, transparent

Uploading

  1. Go to Settings → General
  2. In the "Logo" section
  3. Click "Upload logo" or drag & drop
  4. Check the preview
  5. 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

  1. Go to Settings → General
  2. Under "Theme" or "Primary color"
  3. Use the color picker or enter a hex code
  4. Save

Default Color

Bookicorn uses Lime Green (#84CC16) by default.

Recommendations

ColorEffect
BlueTrust, professionalism
GreenNature, health, fitness
OrangeEnergy, dynamism
PurplePremium, creativity
TealFreshness, 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

  1. Go to Settings → General
  2. Toggle "Dark mode"
  3. Active immediately

What Changes?

ElementLightDark
BackgroundWhiteDark grey
TextBlackWhite
CardsLight greyDark grey
BordersLight greyDark 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

  1. Go to Settings → General
  2. Under "Terminology"
  3. Choose a predefined option or Custom
  4. Save

Schedule Views

Available Views

ViewDescription
WeekClassic calendar week
DaySingle day in detail
MonthMonthly overview
AgendaList view

Configuring

  1. Go to Settings → General
  2. Under "Schedule views"
  3. Enable the desired views
  4. Choose the default view
  5. 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

Next Steps

Fragen oder Feedback?

Wir helfen dir gerne weiter. Kontaktiere unser Support-Team.