---
title: Styly z katalogu 1001site
description: Jak vybrat styl z 1 000 příkladů nejlepších webových stránek, použít ho na váš web, změnit ho nebo ho odstranit. Soubory stylů pro umělou inteligenci.
section: design
keywords: Styl webových stránek, katalog stylů, design, téma, barvy, fonty, reference, DESIGN.md
updated: 2026-09-16
howto: yes
---

Styl je předpřipravená šablona webových stránek založená na známé platformě: barvy, písma, tvary tlačítek a karet a animace. Katalog 1001site obsahuje 1 000 stylů. Vyberte šablonu, klikněte na „Použít“a vaše webové stránky budou navrženy v tomto stylu.

> [!tip] Pro koho je to vhodné?
> Pro každého, kdo chce krásné webové stránky bez designéra. Styl můžete měnit tolikrát, kolikrát chcete.

![Výběr stylu pro vaši kancelář](/wiki/img/style-picker.webp "Okno „Vybrat styl z katalogu“: vyhledávání, grafické karty, tlačítko „Použít“")

## Kde si vybrat styl

- Ve vašem účtu: Nastavení → Domů a Menu → „Styl webu“→ „Vybrat styl“(nebo „Vybrat jiný“). Nebo postupujte podle kroku 2 [průvodce](/wiki/cs/guide).
- Na webu adresáře [1001site.com](https://1001site.com/): otevřete styl a klikněte na „Použít na vaši nástěnku“ve spodní části karty. Pokud jste již přihlášeni, styl bude použit okamžitě.
- V katalogu po registraci vyberte „Získat“→ „Všechno v ceně“. Styl bude zapamatován a použit po zaplacení.

## Kroky

### Krok 1. Otevřít katalog

V sekci „Styl webu“klikněte na „Vybrat styl“. Otevře se okno s kartami. Najeďte myší na kartu a zobrazí se vám video ukázkového webu.

### Krok 2. Najděte si styl

Vyhledávání prohledává podle názvu značky, barvy, písma a kategorie. Například: „apple“, „minimal“, „dark“, „shop“.

### Krok 3. Klikněte na Použít

Během několika sekund bude styl použit: barvy, písma, zaokrouhlení, stíny a animace. Název a náhled vybraného stylu se zobrazí v bloku „Styl webu“. Otevřete web kliknutím na odkaz „Zobrazit výsledek“.

## Co mění styl

| Co | Jak |
|---|---|
| Barvy | Pozadí, karty, text, zvýraznění. Výchozí světlý nebo tmavý motiv – jako v příkladu. |
| Fonty | Z Google Fonts je vybráno písmo podobné vzorovému písmu. |
| Formulář | Zaoblení tlačítek a karet, ploché karty nebo se stínem, hustota |
| Animace | Jedna ze čtyř sad: klidná, jemná, zářivá, dynamická |
| Domov | Pokud je povolen přepínač „návrh domovské stránky“, bude nahoře přidán hero blok s názvem webu a stylistickým sloganem. |

Styl neovlivňuje váš text, produkty, kategorie, stránky ani CSS. Úpravy CSS se ukládají vedle bloku stylu.

## Styl a asistent s umělou inteligencí

Po výběru stylu asistent s umělou inteligencí sestaví domovskou stránku a další stránky na základě designových referencí daného stylu: kompozice, obrazový materiál, typografie a tón textu. Je to stejný princip jako u designérů: styl → designový systém → stránky.

## Změnit nebo odebrat styl

- **Změna**: „Vybrat jiné“→ vybrat nové → „Použít“. Předchozí blok stylu bude nahrazen, nikoli přidán.
- **Odebrat**: ikona koše v náhledu stylu. Tím se odstraní CSS a název stylu. Barvy a písma zůstanou tak, jak jsou – můžete je upravit v sekci Branding nebo požádat asistenta o „resetování designu“.

## Soubory stylů

Každý styl v katalogu obsahuje soubory, kterým rozumí nástroje umělé inteligence:

- **DESIGN.md** (kompletní a kompaktní) — popis stylu: barvy s rolemi, fonty, velikosti, odsazení, pravidla co dělat/nedělat.
- **Tailwind v4** je téma pro Tailwind.
- **Proměnné CSS** - Proměnné CSS.
- **Návrh tokenů** — JSON s tokeny.

Soubory lze kopírovat nebo stahovat ze stránky katalogu stylu. Snadno je předáte Claudovi, ChatGPT, Cursorovi nebo našemu asistentovi: „Udělejte to v tomto stylu.“Viz [katalog stylů](/wiki/cs/reference-catalog).

## Tarify

Použití stylu na váš web je k dispozici u placených tarifů. Bez tarifu se styl uloží a použije automaticky po zaplacení.

## Otázky a odpovědi

### Styl byl použit, ale web nevypadá jako v příkladu. Proč?

Styl se přenáší přes barvy, písma, tvary a animace. Struktura stránky a fotografie jsou vaše. Chcete-li, aby domovská stránka vypadala jako v příkladu, požádejte asistenta s umělou inteligencí: „Navrhněte domovskou stránku ve stylu webu: hrdina, výhody, galerie, kontakty.“

### Mohu použít styl na více webů?

Ano, styl je použit na aktuální web. Přepněte weby v řídicím panelu a styl znovu použijte.

### Ručně jsem změnil barvu a pak jsem použil styl. Který z nich vyhraje?

Styl. Barvy ze stylu přepíší ruční barvy. Vlastní CSS ze sekce „Kód a widgety“zůstává zachován.

### Odkud berete příklady?

Z otevřeného katalogu oblíbených stylů webových stránek. Videa a plakáty jsou uloženy na našem serveru.