# Премиум-сайты на Claude Fable 5: плейбук автора 500+ проектов > Ни строчки кода вручную, клиенты платят $3–8K за проект. Пять шагов: референсы, свои ассеты, анимации, детали и сборка в два прохода. Источник: https://blog.uspeshnyy.ru/blog/claude-fable-5-premium-sayty/ Автор: Александр Успешный · blog.uspeshnyy.ru Опубликовано: 2026-05-04 Теги: Claude, промпты --- [Автор собрал больше 500 сайтов](/blog/kak-ispolzuyut-ai-luchshie/), не написав ни строчки кода вручную. Клиенты платят $3 000–8 000 за проект — и не догадываются, что вёрстку делал Claude Fable 5. Ниже — его плейбук целиком. ## Главное заблуждение Люди думают, что нейросеть выдаёт шаблонный, «дженериковый» результат. И это правда — если давать ей шаблонный ввод. Разница между сайтом за $200 и сайтом за $5 000 — не в модели. Она в том, кто ею управляет. **Ваш вкус — и есть продукт.** ## Шаг 1. Никогда не начинайте с нуля Прежде чем открывать Fable 5, идите в Pinterest. Наберите «ваша ниша + website design» и сохраните 10–15 референсов, которые ощущаются премиальными: 3D, интеракции, анимации, которые вам нравятся. Точнее Pinterest работают узкие галереи — те, что собирают один элемент страницы: отдельно шапки, отдельно футеры, отдельно анимации по прокрутке. [Пятнадцать таких адресов с разбором по задачам](/blog/galerei-referensov-vmesto-tz/) — там же про то, как формулировать, что именно вам в референсе понравилось. Затем опишите эти референсы модели максимально конкретно. Не «сделай посовременнее», а: ```text тёмный фон #0A0A0A, заголовок sans-serif 72px с межбуквенным интервалом −2%, основной текст 16px с непрозрачностью 60% ``` [Конкретика — это чит-код](/blog/kak-promptit-fable-5-5-shagov/). Чем точнее ввод, тем лучше результат. ## Шаг 2. Свои ассеты меняют всё Стоковые фото мгновенно удешевляют сайт. Вместо них генерируйте собственные. Hero-изображения — в GPT Image или Midjourney. Затем прогоните их через Kling или Seedance, чтобы превратить статику в лёгкие видеолупы. 4-секундное видео вращающейся планеты или дрейфующих частиц — то, что останавливает скролл. Формула промпта: ```text [стиль] + [объект] + [окружение] + [свет] + чёрный фон ``` Чёрный фон — ключ: такие ассеты бесшовно ложатся на тёмные сайты. И обязательно добавляйте «не приближай и не отдаляй камеру», «не меняй размер и позицию» — иначе модель начнёт творить с ассетами странное. ## Шаг 3. Анимация отделяет хороший сайт от запоминающегося Три анимации, которые нужны каждому премиум-сайту: 1. **Появление текста при скролле** — заголовки всплывают и въезжают в кадр по мере прокрутки. 2. **Параллакс** — передний план движется быстрее фона, мгновенное ощущение глубины. 3. **Микроинтеракции на ховер** — кнопки светятся, карточки наклоняются, элементы отзываются на курсор. [Говорите модели буквально](/blog/gayd-anthropic-po-promptingu-fable-5/): ```text fade up со сдвигом 30px, длительность 0.6s, ease-out, триггер на 20% пересечения вьюпорта ``` Расплывчато = шаблонно. Точно = премиально. Это правило. ## Шаг 4. Детали, которые никто не замечает — но все чувствуют - Никогда не используйте чистый чёрный (#000) — берите #0A0A0A или #111 - Никогда не используйте чистый белый для основного текста — берите #E5E5E5 - Полный белый — только для заголовков - Отступы между секциями: 120–160px на десктопе, 80px на мобильном - Паддинги кнопок: минимум 16px по вертикали, 32px по горизонтали - Радиус скругления: выберите один — 4px, 8px или full-round — и держите везде Эти мелочи складываются в ощущение «выглядит дорого». А когда стили, шрифты и сетка заданы, Fable 5 очень умно переиспользует их — и вы получаете нестандартные вёрстки, не похожие на «сделано нейросетью». ## Шаг 5. Стройте в два прохода, а не в один **Проход 1 — скелет.** Секции, раскладка, размещение контента. Никаких анимаций и полировки. Просто «собери мне hero-секцию» — и получаете костяк. **Проход 2 — магия, секция за секцией.** Шрифты, отступы, анимации, ховеры, видеофоны. Здесь вы перетаскиваете свои видео, правите цвета, сводите фоны. Попытка сделать всё сразу перегружает модель: вместо совершенства в каждой секции получаете посредственность везде. ![Шаблон против премиума: слева страница из коробки с заглушкой вместо картинки, справа та же вёрстка со своей иллюстрацией, анимацией и деталями](/images/posts/claude-fable-5-premium-sayty-1.webp) ## Результат Сайты, которые выглядят так, будто над ними неделями работала команда дизайнеров, — собираются за 2–4 часа. Fable 5 писал код. Вы дали вкус, референсы, точность и креативное руководство. Именно этот навык и стоит $3–8K за проект. И дальше — публикуйте. Не просто делайте, а выкладывайте в соцсети, отмечайте инструмент, давайте пользу, а призыв к действию — в описание. Так растут охваты и приходят клиенты. Инструменты доступны всем. Дифференциатор — вкус. [Какие ещё задачи остаются за человеком, когда ИИ догоняет по навыкам](/blog/mozg-serdce-ruki-chto-ne-otdat-ii/) — разбор на трёх опорах: решения без инструкции, доверие и работа за пределами экрана. Как ваш сайт выглядит для человека, который видит его впервые, — бот разберёт по пунктам: что мешает и где теряется внимание. ## Что с этим делать От себя. Обратите внимание: весь плейбук — это не «нейросеть сделает за вас», а конвейер с чётким разделением ролей: референсы → точные промпты → свои ассеты → два прохода сборки. Ровно тот же принцип я применяю в [4 слоях AI-маркетинга](/blog/ai-sistema-pod-klyuch-metodologiya/): модель заменяет руки, но не заменяет систему и вкус. И это хорошая новость — порог входа в «дорогой» результат сегодня определяется не бюджетом на подрядчиков, а качеством постановки задачи. > Хотите такой же конвейер под ваш сайт и контент — с вашим стилем и без шаблонности? Напишите «система» в [Telegram](https://t.me/uspeshnyy), за 15 минут покажу, как это устроено.