Стилі з каталогу 1001site
Стиль – це готове оформлення сайту за прикладом відомого майданчика: кольори, шрифти, форма кнопок та карток, анімації. У каталозі 1001site 1000 стилів. Ви вибираєте приклад, натискаєте "Застосувати" - і ваш сайт оформляється в цьому стилі.
Кому це підходить
Усім, хто бажає прекрасний веб-сайт без дизайнера. Стиль можна змінювати скільки завгодно разів.
Де вибрати стиль#
- У кабінеті: Налаштування → Головна та меню → блок «Стиль сайту» → «Вибрати стиль» (або «Вибрати інший»). Або крок 2 путівника.
- На сайті каталогу 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 або нашому помічнику: «зроби в цьому стилі». Каталог стилів.
Тарифи#
Використання стилю до сайту доступне на платних тарифах. Без тарифу стиль запам'ятовується та застосовується автоматично після оплати.
Запитання та відповіді#
Стиль застосувався, але сайт виглядає не як приклад. Чому?#
Стиль переносить кольори, шрифти, форму та анімації. Структура сторінок та фото – ваші. Щоб головна стала схожою на приклад, попросіть ІІ-асистента: «оформи головну в стилі сайту: hero, переваги, галерея, контакти».
Чи можна застосувати стиль до кількох сайтів?#
Так. Стиль застосовується до поточного сайту. Переключіть сайт у кабінеті та застосуйте стиль ще раз.
Я змінив колір вручну, а потім застосував стиль. Що переможе?#
Стиль. Кольори із стилю перезапишуть ручні. Свій CSS з розділу "Коди та віджети" залишається.
Звідки приклади?#
З відкритого каталогу стилів найпопулярніших сайтів. Відео та постери зберігаються на нашому сервері.