Branding
Dostosuj wygląd swojego studia.
Przegląd
Elementy brandingu
| Element | Gdzie widoczny |
|---|---|
| Logo | Nagłówek, e-maile, faktury |
| Kolor podstawowy | Przyciski, linki, akcenty |
| Nazwa studia | Wszędzie |
| Tryb ciemny | Cały panel administracyjny |
Logo
Wymagania
| Właściwość | Wartość |
|---|---|
| Rozmiar pliku | Maks. 2 MB |
| Formaty | JPG, PNG, SVG |
| Zalecane | 400x400px, przezroczyste |
Wgrywanie
- Przejdź do Ustawienia → Ogólne
- W sekcji "Logo"
- Kliknij "Wgraj logo" lub przeciągnij plik
- Sprawdź podgląd
- Zapisz
Zastosowanie
Logo pojawia się:
- W nagłówku panelu administracyjnego
- W e-mailach (zależnie od ustawień)
- Na fakturach
- Na publicznej stronie studia
- W widżetach
Wskazówki
- Przezroczystość: PNG z przezroczystym tłem
- Kontrast: Działa zarówno na jasnym, JAK i ciemnym tle
- Prostota: Rozpoznawalne nawet w małym rozmiarze
Kolor podstawowy
Co jest kolorowane?
- Przyciski podstawowe
- Linki
- Stany fokusu
- Ikony
- Paski postępu
- Odznaki
Wybieranie
- Przejdź do Ustawienia → Ogólne
- Przy "Motyw" lub "Kolor podstawowy"
- Użyj wyboru koloru lub wpisz kod hex
- Zapisz
Kolor domyślny
Bookicorn domyślnie używa limonkowej zieleni (#84CC16).
Rekomendacje
| Kolor | Efekt |
|---|---|
| Niebieski | Zaufanie, profesjonalizm |
| Zielony | Natura, zdrowie, fitness |
| Pomarańczowy | Energia, dynamika |
| Fioletowy | Premium, kreatywność |
| Turkusowy | Świeżość, równowaga |
Zwróć uwagę na kontrast
Upewnij się, że:
- Tekst na przyciskach jest czytelny (biały lub czarny)
- Kolor nie jest zbyt jasny
- Kolor pasuje do twojej branży
Tryb ciemny
Aktywacja
- Przejdź do Ustawienia → Ogólne
- Przełącznik "Tryb ciemny"
- Aktywne od razu
Co się zmienia?
| Element | Jasny | Ciemny |
|---|---|---|
| Tło | Białe | Ciemnoszare |
| Tekst | Czarny | Biały |
| Karty | Jasnoszare | Ciemnoszare |
| Obramowania | Jasnoszare | Ciemnoszare |
Dla klientów?
Tryb ciemny dotyczy tylko panelu administracyjnego. Panel klienta ma własne ustawienia.
Informacje o studiu
Nazwa
Nazwa studia pojawia się:
- W nawigacji
- W e-mailach (nadawca, stopka)
- Na fakturach
- Na stronach publicznych
Opis
Krótki opis studia dla:
- SEO (meta-opis)
- Strony publicznej
- Marketingu
Slug URL
Twój publiczny adres URL studia:
https://twoj-slug.bookicorn.net
Zasady:
- Tylko małe litery
- Bez spacji (myślniki dozwolone)
- Unikalny
Terminologia
Dostosowanie pojęcia "Trener"
Zamiast "Trener" możesz użyć:
- Prowadzący
- Instruktor
- Coach
- Terapeuta
- Nauczyciel
- Własne
Gdzie to się objawia?
- Nawigacja: "Trenerzy" → "Prowadzący"
- E-maile: "Twój trener" → "Twój prowadzący"
- Rezerwacje: wyświetlanie trenera
- Filtry: filtr trenera
Konfiguracja
- Przejdź do Ustawienia → Ogólne
- Przy "Terminologia"
- Wybierz gotową opcję lub własną
- Zapisz
Widoki planu zajęć
Dostępne widoki
| Widok | Opis |
|---|---|
| Tydzień | Klasyczny tydzień kalendarzowy |
| Dzień | Pojedynczy dzień szczegółowo |
| Miesiąc | Przegląd miesięczny |
| Agenda | Widok listy |
Konfiguracja
- Przejdź do Ustawienia → Ogólne
- Przy "Widoki planu zajęć"
- Aktywuj żądane widoki
- Wybierz widok domyślny
- Zapisz
Co najmniej jeden widok musi być aktywny.
Opcje filtrów
Aktywuj lub dezaktywuj filtry w planie zajęć:
- Filtr trenera
- Filtr statusu
- Filtr poziomu trudności
- itd.
Strona publiczna
URL
Strona twojego studia jest dostępna pod adresem:
https://[twoj-slug].bookicorn.net
Z dodatkiem Własna domena możesz zamiast tego używać własnego adresu, na przykład rezerwacje.twoje-studio.pl.
Treści
Na stronie publicznej pojawiają się:
- Logo i nazwa
- Opis
- Plan zajęć
- Pakiety środków
- Trenerzy
- Zdjęcia (galeria)
- FAQ
- Kontakt
Wskazówka: Treści zarządzasz w Ustawienia → Moja strona rezerwacji.
Widżety
Branding w widżetach
Osadzone widżety przejmują:
- Kolor podstawowy
- Logo (opcjonalnie)
- Nazwę studia
Dostosowywanie
W Kreatorze widżetów dodatkowo można ustawić:
- Szerokość kontenera
- Kolor tła
- Zaokrąglenie rogów
- Odstępy wewnętrzne
Najlepsze praktyki
Spójność
- Używaj tych samych kolorów co na swojej stronie internetowej
- Logo powinno wyglądać wszędzie tak samo
- Jednolity język (terminologia)
Profesjonalizm
- Logo w wysokiej rozdzielczości
- Odpowiedni dobór kolorów
- Pełne dane kontaktowe
Urządzenia mobilne
- Logo rozpoznawalne nawet w małym rozmiarze
- Kolory działają na wszystkich urządzeniach