Wersja rozwojowaBudujemy KlikGotowe razem z pierwszymi użytkownikami.Coś nie wychodzi? Napisz, z czym masz trudność →

Fryzjer i barber
twojafirma.pl
Kliknij — ułóż swoją wersję strony ⤢
Salon fryzjerski 15 gotowych stron

Salon fryzjerski 15 gotowych stron

Wybierz jedną z 15 gotowych stron salonu fryzjerskiego i ułóż ją po swojemu. 135 części, 15 palet i 15 par czcionek; kafle pokazują wybrane kolory i kroje.

Ułóż swoją wersję →
Jeden adres może mieć jedno aktywne demo. Jeśli zadziała limit, pokażemy to wprost.
Salon fryzjerski 15 gotowych stron · Twoja wersja

Dobry wygląd. Twój wybór.

Zacznij od oryginału. Przejdź stronę sekcja po sekcji — wybierasz budowę, a treść dopasujesz na końcu. Wszystkie wybory zobaczysz razem.

Przejdź do części strony

Styl całej strony

Kolory Oryginalny
Kolory Twojej strony
Zestaw czcionek Oryginalny

Wybierz wygląd całej strony

Wybierz gotową stronę. Potem możesz zmienić każdy jej fragment osobno.

Podgląd wybranej strony jest obok. Otwórz cały podgląd →

Jaki nagłówek najbardziej Ci się podoba?

Spokojny, jasny pasek: menu na środku i wyraźny przycisk „Umów wizytę”. Zostaje u góry przy przewijaniu, więc rezerwacja jest zawsze pod ręką.

Jaki układ sekcji „Hero” najbardziej Ci się podoba?

Część „start” strony Kadr i Światło (wariant mila-start-kadr).

Jaki układ sekcji „Oferta” najbardziej Ci się podoba?

Część „oferta” strony Kadr i Światło (wariant mila-oferta-panel).

Jaki układ sekcji „Standard” najbardziej Ci się podoba?

Część „standard” strony Kadr i Światło (wariant mila-standard-wokol).

Jaki układ sekcji „Cennik” najbardziej Ci się podoba?

Część „cennik” strony Kadr i Światło (wariant mila-cennik-etykiety).

Jaki układ sekcji „Opinie” najbardziej Ci się podoba?

Część „opinie” strony Kadr i Światło (wariant mila-opinie-kadr).

Jaki układ sekcji „Rezerwacja” najbardziej Ci się podoba?

Umów wizytę online
Zadzwoń
Napisz

Dla salonów, w których klientka wybiera stylistkę: obok zdjęcie efektu, dni z datami na najbliższe tygodnie i wolne godziny.

Jaki układ sekcji „Kontakt” najbardziej Ci się podoba?

Zadzwoń
Napisz
Adres i godziny

Adres z dojazdem i godzinami każdego dnia obok telefonu i maila — z informacją, czy salon jest teraz otwarty.

Jak strona ma domknąć rozmowę?

Część „stopka” strony Kadr i Światło (wariant mila-stopka-tasma).

Twój asystent AI · Twoje materiały

A teraz zobacz tu swoją firmę.

Dopasuj treści, zdjęcia i logo w podglądzie swojej strony. Zapisz projekt, aby wrócić do zmian po zamknięciu lub odświeżeniu karty.

Otwórz ten krok, aby edytować swoją stronę.

← Wróć do stopki

Twój zestawOryginalny wygląd

Twoja strona na żywoPowiększ ↗

Przygotowujemy Twój podgląd…

Przewijaj stronę i sprawdź każdą sekcję.

Co dostajesz w środku

Z czego zbudowana jest ta strona

Liczby policzone z pakietu, który wgrywamy na Twoją stronę — z tych samych plików, które oglądasz w podglądzie.

Natywne — ustawiasz w edytorze

Kolory, kroje, odstępy, obramowania, cienie i układ kolumn siedzą w ustawieniach bloków Spectra Blocks i WordPressa. Zmieniasz je klikając, bez dotykania kodu.

  • 99 sekcje i kolumny
  • 79 teksty i nagłówki
  • 17 nagłówki
  • 11 przyciski
  • 10 obrazy
  • 2 części szablonu
  • 1 menu
  • 1 treść strony

Dopisane — 11 arkuszy CSS

To reguły, których edytor bloków nie wystawia w ustawieniach: efekty przy najechaniu, animacje, przyklejony nagłówek, siatki sekcji na różnych szerokościach. Bez nich strona nadal działa i da się edytować — wygląda tylko prościej.

  • Nagłówek · 7 KBreguły na różne szerokości ekranu, efekty najechania, przyklejony nagłówek, animacje, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 4 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 5 KBreguły na różne szerokości ekranu, efekty najechania, animacje, wyciszenie ruchu
  • Strona · 4 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, wyciszenie ruchu
  • Strona · 3 KBreguły na różne szerokości ekranu, efekty najechania, animacje, wyciszenie ruchu
  • Strona · 4 KBreguły na różne szerokości ekranu, efekty najechania, animacje, wyciszenie ruchu
  • Strona · 37 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 13 KBreguły na różne szerokości ekranu, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Stopka · 3 KBreguły na różne szerokości ekranu, efekty najechania, siatki sekcji, ozdobniki
  • Szablon · 1 KBozdobniki, widoczny fokus klawiatury
  • Szablon · 1 KB

Do tego 3 krótkie skrypty (np. menu na telefonie) — bez skryptu menu nadal działa jako zwykłe linki.

Sprawdzona na szerokościach od 350 do 1024 px

Progi przełączania układu są zmierzone dla tej strony, nie wzięte z wtyczki. Wtyczka Spectra i WordPress znają tylko dwa progi (tablet i laptop); ta strona ma ich 12, bo tyle razy jej treść naprawdę przestaje się mieścić. Poniżej każdego z nich układ zmienia się tak, jak opisano.

  • 350 pxNajwęższy wariant kanonu ogranicza odstęp paska godzin.
  • 440 pxPrzyciski hero wymagają osobnych wierszy przy wąskiej treści.
  • 480 pxWarstwa `@mobile` rdzenia WP 7.1 (typografia marki na telefonie) w nagłówkach z tokenów.
  • 600 pxPróg hamburgera rdzenia core/navigation; resztka nagłówków z tokenów przenosi go na 860 px.
  • 620 pxKanon ukrywa dopisek godzin i przestawia przycisk nagłówka.
  • 768 pxtablet — próg profilu miar
  • 780 pxKanon rozdziela fotografię hero i tekst na dwa pasy.
  • 781 pxWarstwa `@tablet` rdzenia WP 7.1 (≤782 px); resztka siatki bento hero zeruje rozpiętości max-width:781px.
  • 782 pxWarstwa `@tablet` rdzenia WP 7.1 (≤782 px): resztki hero (kompozycja, album, okładka) wyrównują się do progu rdzenia.
  • 860 pxKanon zamienia desktopowy rząd na panel menu mobilnego.
  • 1020 pxKanon zmniejsza tekst i odstępy menu, aby mieściło cztery odsyłacze.
  • 1024 pxlaptop — próg profilu miar

Strona działa na WordPress 7.1.1, motywie Spectra One 1.2.6 i wtyczce Spectra Blocks 1.0.8. Kroje pisma i zdjęcia serwujemy z Twojego serwera — przeglądarka odwiedzającego nie pyta Google ani nikogo innego.