---
title: Стилі з каталогу 1001site
description: Як вибрати стиль із 1000 прикладів найкращих сайтів, застосувати його до свого сайту, змінити чи прибрати. Файли стилю ІІ.
section: design
keywords: стиль сайту, каталог стилів, дизайн, тема, кольори, шрифти, DESIGN.md
updated: 2026-09-16
howto: yes
---

Стиль – це готове оформлення сайту за прикладом відомого майданчика: кольори, шрифти, форма кнопок та карток, анімації. У каталозі 1001site 1000 стилів. Ви вибираєте приклад, натискаєте "Застосувати" - і ваш сайт оформляється в цьому стилі.

> [!tip] Кому це підходить
> Усім, хто бажає прекрасний веб-сайт без дизайнера. Стиль можна змінювати скільки завгодно разів.

![Вибір стилю у кабінеті](/wiki/img/style-picker.webp "Вікно «Виберіть стиль із каталогу»: пошук, картки з відео, кнопка «Застосувати»")

## Де вибрати стиль

- У кабінеті: Налаштування → Головна та меню → блок «Стиль сайту» → «Вибрати стиль» (або «Вибрати інший»). Або крок 2 [путівника](/wiki/uk/guide).
- На сайті каталогу [1001site.com](https://1001site.com/): відкрийте стиль і натисніть «Застосувати до своєї дошки» внизу картки. Якщо ви вже увійшли до кабінету, стиль застосовується одразу.
- У каталозі під час реєстрації: «Отримати собі» → «Все включено». Стиль запам'ятається та застосовується після оплати.

## Кроки

### Крок 1. Відкрийте каталог

У блоці "Стиль сайту" натисніть "Вибрати стиль". Відкриється вікно із картками. Наведіть на картку - заграє відео сайту-прикладу.

### Крок 2. Знайдіть стиль

Пошук шукає за назвою бренду, кольору, шрифту та категорії. Наприклад: "apple", "minimal", "dark", "shop".

### Крок 3. Натисніть «Застосувати»

Через кілька секунд стиль застосовується: кольори, шрифти, заокруглення, тіні, анімації. Назва та прев'ю вибраного стилю з'являться у блоці «Стиль сайту». Відкрийте сайт за посиланням "Подивитися, що вийшло".

## Що змінює стиль

| Що | Як |
|---|---|
| Кольори | Фон, картки, текст, акцент. Світла або темна тема за промовчанням – як у прикладу |
| Шрифти | Підбирається шрифт із Google Fonts, схожий на шрифт прикладу |
| Форма | Заокруглення кнопок та карток, плоскі картки або з тінню, щільність |
| Анімації | Один із чотирьох наборів: спокійний, м'який, свічення, динамічний |
| Головна | Якщо включено перемикач «оформити головну», зверху додасться hero-блок з назвою сайту та слоганом стилю |

Стиль не чіпає ваші тексти, товари, рубрики, сторінки та свій CSS. Ваші редагування CSS зберігаються поруч із блоком стилю.

## Стиль та ІІ-асистент

Після вибору стилю ІІ-асистент збирає головну та сторінки з дизайн-референсу цього стилю: композиція, характер зображень, типографіка, тон текстів. Це той самий принцип, що у дизайнерів: стиль → дизайн-система → сторінки.

## Змінити або прибрати стиль

- **Змінити**: "Вибрати інший" → виберіть новий → "Застосувати". Попередній блок стилю замінюється, а не додається.
- **Прибрати**: значок кошика на прев'ю стилю. Знімається CSS стилю та його назва. Кольори та шрифти залишаються такими, якими стали їх можна поправити в Брендінгу або попросити асистента «скинути дизайн».

## Файли стилю

Кожен стиль в каталозі має файли, які розуміють ІІ-інструменти:

- **DESIGN.md** (повний та компактний) — опис стилю: кольори з ролями, шрифти, розміри, відступи, правила «робити/не робити».
- **Tailwind v4** – тема для Tailwind.
- **CSS Variables** - змінні CSS.
- **Design Tokens** – JSON з токенами.

Файли можна скопіювати або завантажити на сторінці стилю в каталозі. Їх зручно давати Claude, ChatGPT, Cursor або нашому помічнику: «зроби в цьому стилі». [Каталог стилів](/wiki/uk/reference-catalog).

## Тарифи

Використання стилю до сайту доступне на платних тарифах. Без тарифу стиль запам'ятовується та застосовується автоматично після оплати.

## Запитання та відповіді

### Стиль застосувався, але сайт виглядає не як приклад. Чому?

Стиль переносить кольори, шрифти, форму та анімації. Структура сторінок та фото – ваші. Щоб головна стала схожою на приклад, попросіть ІІ-асистента: «оформи головну в стилі сайту: hero, переваги, галерея, контакти».

### Чи можна застосувати стиль до кількох сайтів?

Так. Стиль застосовується до поточного сайту. Переключіть сайт у кабінеті та застосуйте стиль ще раз.

### Я змінив колір вручну, а потім застосував стиль. Що переможе?

Стиль. Кольори із стилю перезапишуть ручні. Свій CSS з розділу "Коди та віджети" залишається.

### Звідки приклади?

З відкритого каталогу стилів найпопулярніших сайтів. Відео та постери зберігаються на нашому сервері.