---
title: Style z katalogu 1001site
description: Jak wybrać styl spośród 1000 przykładów najlepszych stron internetowych, zastosować go na swojej stronie, zmienić lub usunąć. Pliki stylów dla AI.
section: design
keywords: Styl witryny, katalog stylów, projekt, motyw, kolory, czcionki, DESIGN.md
updated: 2026-09-16
howto: yes
---

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.

> [!tip] 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.

![Wybór stylu dla Twojego biura](/wiki/img/style-picker.webp "Okno „Wybierz styl z katalogu”: wyszukiwanie, karty wideo, przycisk „Zastosuj”")

## 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](/wiki/pl/guide).
- Na stronie internetowej katalogu [1001site.com](https://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](/wiki/pl/reference-catalog).

## 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.