1001siteБаза знань
Каталог стилів Відкрити кабінет

Каталог стилів 1001site.com

Оновлено: 16 вересня 2026 р.

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

Головна каталогу
Головна: заголовок, пошук, чіпи категорій, вкладки “У тренді”, “Популярне”, “Інтернет-магазини”

Головна#

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

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

Сторінка стилю
Сторінка стилю: відео-прев'ю, теги, кнопка «Подивитися сайт»

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

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

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

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

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

Тема та мова#

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

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

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

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

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

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

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

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

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

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

Чи не знайшли відповідь? Напишіть у Telegram · WhatsAppВідкрити як Markdown