Style z katalogu 1001site
Styl to gotowy szablon strony internetowej oparty na znanej platformie: kolorach, czcionkach, kształtach przycisków i kart oraz animacjach. Katalog 1001site zawiera 1000 stylów. Wybierz szablon, kliknij „Zastosuj”, a Twoja strona internetowa zostanie zaprojektowana w tym stylu.
Dla kogo jest to odpowiednie?
Dla każdego, kto chce mieć piękną stronę internetową bez projektanta. Możesz zmieniać styl tyle razy, ile chcesz.
Gdzie wybrać styl#
- Na swoim koncie: Ustawienia → Strona główna i menu → „Styl witryny” → „Wybierz styl” (lub „Wybierz inny”). Lub wykonaj krok 2 z przewodnika.
- Na stronie internetowej katalogu 1001site.com: otwórz styl i kliknij „Zastosuj do swojej tablicy” na dole karty. Jeśli jesteś już zalogowany, styl zostanie zastosowany natychmiast.
- Po rejestracji w katalogu wybierz opcję „Pobierz” → „Wszystko w cenie”. Wybrany styl zostanie zapamiętany i zastosowany po dokonaniu płatności.
Kroki#
Krok 1. Otwórz katalog#
W sekcji „Styl witryny” kliknij „Wybierz styl”. Otworzy się okno z kartami. Najedź kursorem na kartę, aby obejrzeć film prezentujący przykładową witrynę.
Krok 2. Znajdź styl#
Wyszukiwanie obejmuje nazwy marki, kolory, czcionki i kategorie. Na przykład: „apple”, „minimal”, „dark”, „shop”.
Krok 3. Kliknij Zastosuj#
Za kilka sekund styl zostanie zastosowany: kolory, czcionki, zaokrąglenia, cienie i animacje. Nazwa i podgląd wybranego stylu pojawią się w bloku „Styl witryny”. Otwórz witrynę, klikając link „Zobacz wynik”.
Co zmienia styl#
| Co | Jak |
|---|---|
| Zabarwienie | Tło, karty, tekst, akcent. Domyślny motyw jasny lub ciemny — jak w przykładzie. |
| Czcionki | Wybrano czcionkę podobną do przykładowej z Google Fonts |
| Formularz | Zaokrąglenia guzików i kart, karty płaskie lub z cieniem, zagęszczenie |
| Animacje | Jeden z czterech zestawów: spokojny, miękki, rozświetlony, dynamiczny |
| Dom | Jeśli włączony jest przełącznik „projektuj stronę główną”, na górze zostanie dodany blok bohatera z nazwą witryny i hasłem określającym styl |
Styl nie ma wpływu na tekst, produkty, kategorie, strony ani kod CSS. Zmiany w kodzie CSS są zapisywane obok bloku stylów.
Asystent stylu i sztucznej inteligencji#
Po wybraniu stylu, asystent AI tworzy stronę główną i podstrony w oparciu o referencje projektowe tego stylu: kompozycję, grafikę, typografię i ton tekstu. Zasada jest taka sama jak w przypadku projektantów: styl → system projektowy → strony.
Zmień lub usuń styl#
- Zmiana: „Wybierz inne” → wybierz nowy → „Zastosuj”. Poprzedni blok stylu został zastąpiony, a nie dodany.
- Usuń: ikona kosza na śmieci w podglądzie stylu. Spowoduje to usunięcie kodu CSS i nazwy stylu. Kolory i czcionki pozostaną bez zmian — możesz je dostosować w Brandingu lub poprosić asystenta o „zresetowanie projektu”.
Pliki stylów#
Każdy styl w katalogu zawiera pliki, które są rozumiane przez narzędzia AI:
- DESIGN.md (kompletny i kompaktowy) — opis stylu: kolory z rolami, czcionki, rozmiary, wcięcia, zasady rób/nie rób.
- Tailwind v4 jest motywem dla Tailwind.
- Zmienne CSS - zmienne CSS.
- Tokeny projektowe — JSON z tokenami.
Pliki można skopiować lub pobrać ze strony katalogu danego stylu. Można je łatwo przekazać Claude'owi, ChatGPT, Cursorowi lub naszemu asystentowi: „Utwórz w tym stylu”. Zobacz katalog stylów.
Taryfy#
Zastosowanie stylu do witryny jest możliwe w ramach planów płatnych. Bez planu styl jest zapisywany i stosowany automatycznie po dokonaniu płatności.
Pytania i odpowiedzi#
Styl został zastosowany, ale strona nie wygląda jak przykład. Dlaczego?#
Styl obejmuje kolory, czcionki, kształty i animacje. Struktura strony i zdjęcia należą do Ciebie. Aby strona główna wyglądała jak na przykładzie, poproś asystenta AI: „Zaprojektuj stronę główną w stylu witryny: bohater, zalety, galeria, kontakty”.
Czy mogę zastosować styl do wielu witryn?#
Tak, styl został zastosowany do bieżącej witryny. Zmień witrynę w panelu i ponownie zastosuj styl.
Zmieniłem kolor ręcznie, a następnie zastosowałem styl. Co wygrywa?#
Styl. Kolory ze stylu zastąpią kolory ręczne. Niestandardowy CSS z sekcji „Kod i widżety” pozostanie.
Skąd bierzesz przykłady?#
Z otwartego katalogu popularnych stylów stron internetowych. Filmy i plakaty są przechowywane na naszym serwerze.