---
title: Каталог стилів 1001site.com
description: Як влаштований каталог 1000 стилів: пошук, вкладки, сторінка стилю, файли стилю, кнопка "Отримати собі", тарифи, тема та мова.
section: reference
keywords: каталог стилів, reference, 1001site, стилі сайтів, отримати собі, файли стилю
updated: 2026-09-16
---

[1001site.com](https://1001site.com/) — каталог із 1000 стилів найкращих сайтів та інтернет-магазинів світу. Відкрийте будь-який стиль, подивіться кольори, шрифти, композицію та відео сайту-прикладу, скачайте файли стилю та отримайте такий самий сайт собі.

![Головна каталогу](/wiki/img/reference-home.webp "Головна: заголовок, пошук, чіпи категорій, вкладки “У тренді”, “Популярне”, “Інтернет-магазини”")

## Головна

- **Пошук** за брендом, кольором, шрифтом, категорією. Чіпи під пошуком – швидкі фільтри: мінімалізм, чистий SaaS, редакційний, м'які градієнти, монохром, грайливий, високий контраст, преміум.
- **Вкладки**: "У тренді", "Популярне", "Інтернет-магазини".
- **Стрічка** карток у три колонки. Наведіть на картку – заграє відео сайту. Лічильник показує "1001 популярний сайт світу" або кількість знайдених.
- **Шапка**: логотип, лупа (перехід до пошуку), кнопка «Замовити», меню-плитка. У меню — перемикач теми (світла, темна, авто) та вибір мови зі 107 з пошуком.
- **Футер-смужка** внизу: логотип та іконки YouTube, Telegram, WhatsApp. Натисніть на смужку – відкриється повний футер з реквізитами, сторінками та значками (дані в ЄС, GDPR, HTTPS, Stripe, Monobank, резервні копії, моніторинг, Claude, ChatGPT, Gemini).

![Стрічка стилів](/wiki/img/reference-feed.webp "Картки стилів з відеозаписом")

## Сторінка стилю

![Сторінка стилю](/wiki/img/reference-style.webp "Сторінка стилю: відео-прев'ю, теги, кнопка «Подивитися сайт»")

Адреса: `/style/название`. На сторінці:

- **Прев'ю** — відео та постер сайту-прикладу, назва, теглайн, теги, посилання «Подивитися сайт» (відкриває оригінал у новій вкладці).
- **Опис** – характер стилю, композиція, зображення. Для частини стилів повний розбір російською ще готується - тоді показані теглайн і факти.
- **Файли стилю** - вкладки DESIGN.md (Compact і Extended), Tailwind v4, CSS Variables, Design Tokens. Кнопки "Копіювати" та "Завантажити". Файли підходять для Claude, ChatGPT, Cursor, Codex та нашого кабінету.
- **Палітра** – кольори з ролями та кодами (клік копіює код).
- **Друкарня** - шрифти, заміни з Google Fonts, розміри.
- **Інтервали та форма** – щільність, базовий крок, радіуси, тіні, ширина.
- **Правила** – що робити і чого не робити у цьому стилі.
- **Подібні стилі**.
- **Картка «Що ви отримаєте у стилі…»** — кнопка «Застосувати цей стиль» та посилання «Вже з нами? Застосувати до своєї дошки для власників з тарифом.
- Праворуч - колонка карток: головна, каталог, картка товару, кошик, мобільна версія, панель управління (приклади екранів вашого майбутнього сайту).

![Файли стилю](/wiki/img/reference-style-files.webp "Вкладки DESIGN.md, Tailwind v4, CSS Variables, Design Tokens")

## Отримати собі

Плаваюча кнопка «Отримати собі» (і кнопка «Замовити» у шапці) відкриває попап:

1. **Заявка** - ім'я та WhatsApp або Telegram. Ми отримуємо заявку та відповідаємо у месенджері.
2. **Тариф** — «Все включено» (ціна за промокодом; сайт, стиль, Telegram та WhatsApp; ІІ на вашому ключі Claude або через MCP; +20 € на місяць за додатковий сайт) → кнопка «Оплатити» веде на реєстрацію з вибраним стилем та промокодом; "Під ключ" (ми робимо сайт за вас, ціна залежить від обсягу) → "Обговорити проект"; Enterprise – напишіть нам.
3. **Готово** – посилання на WhatsApp та Telegram.

![Попап «Отримати собі»](/wiki/img/reference-plans.webp "Вибір тарифу після заявки")

## Тема та мова

У меню-плитці шапки: тема «Світла / Темна / Авто» (за замовчуванням як у браузері) та вибір мови зі 107 з пошуком. Переклад каталогу на інші мови з'явиться пізніше — поки сторінки російською мовою, вибір мови запам'ятовується.

## Для розробників та ІІ

- Файли стилю доступні за адресою `/site/data/styles/<название>/design.md` (і `design.compact.md`, `tailwind.css`, `variables.css`, `tokens.json`).
- Каталог у JSON: `/api/styles/catalog?q=…&kind=site|shop`. Один стиль: `/api/styles/<название>`.
- База знань: `/wiki`, карта для ІІ-асистентів: `/llms.txt`.

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

### Відео не грає

Відео запускається при наведенні миші, на телефоні - при торканні. Якщо відео недоступне, відображається макет кольорів стилю.

### Звідки стилі?

З відкритого каталогу стилів найпопулярніших сайтів. Описи перекладені російською, файли стилю згенеровані по дизайн-системі кожного сайту.

### Як застосувати стиль до свого сайту?

Якщо ви вже клієнт - Вже з нами? Застосувати до своєї дошки» на сторінці стилю або «Вибрати стиль» у кабінеті. Якщо ні – «Отримати собі» → «Все увімкнено». Див. [Стилі з каталогу](/wiki/uk/styles).