Каталог стилей 1001site.com
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, размеры.
- Интервалы и форма — плотность, базовый шаг, радиусы, тени, ширина.
- Правила — что делать и чего не делать в этом стиле.
- Похожие стили.
- Карточка «Что вы получите в стиле…» — кнопка «Применить этот стиль» и ссылка «Уже с нами? Применить к своей доске» для владельцев с тарифом.
- Справа — колонка карточек: главная, каталог, карточка товара, корзина, мобильная версия, панель управления (примеры экранов вашего будущего сайта).
Получить себе#
Плавающая кнопка «Получить себе» (и кнопка «Заказать» в шапке) открывает попап:
- Заявка — имя и WhatsApp или Telegram. Мы получаем заявку и отвечаем в мессенджере.
- Тариф — «Всё включено» (цена по промокоду; сайт, стиль, Telegram и WhatsApp; ИИ на вашем ключе Claude или через MCP; +20 € в месяц за дополнительный сайт) → кнопка «Оплатить» ведёт на регистрацию с выбранным стилем и промокодом; «Под ключ» (мы делаем сайт за вас, цена зависит от объёма) → «Обсудить проект»; Enterprise — напишите нам.
- Готово — ссылки на WhatsApp и Telegram.
Тема и язык#
В меню-плитке шапки: тема «Светлая / Тёмная / Авто» (по умолчанию как в браузере) и выбор языка из 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.
Вопросы и ответы#
Видео не играет#
Видео запускается при наведении мыши, на телефоне — при касании. Если видео недоступно, показывается макет в цветах стиля.
Откуда стили?#
Из открытого каталога стилей популярных сайтов. Описания переведены на русский, файлы стиля сгенерированы по дизайн-системе каждого сайта.
Как применить стиль к своему сайту?#
Если вы уже клиент — «Уже с нами? Применить к своей доске» на странице стиля или «Выбрать стиль» в кабинете. Если нет — «Получить себе» → «Всё включено». См. Стили из каталога.