Премиум-сайты на Claude Fable 5: плейбук автора 500+ проектов

Автор собрал больше 500 сайтов, не написав ни строчки кода вручную. Клиенты платят $3 000–8 000 за проект — и не догадываются, что вёрстку делал Claude Fable 5. Ниже — его плейбук целиком.

Главное заблуждение

Люди думают, что нейросеть выдаёт шаблонный, «дженериковый» результат. И это правда — если давать ей шаблонный ввод.

Разница между сайтом за $200 и сайтом за $5 000 — не в модели. Она в том, кто ею управляет. Ваш вкус — и есть продукт.

Шаг 1. Никогда не начинайте с нуля

Прежде чем открывать Fable 5, идите в Pinterest. Наберите «ваша ниша + website design» и сохраните 10–15 референсов, которые ощущаются премиальными: 3D, интеракции, анимации, которые вам нравятся.

Затем опишите эти референсы модели максимально конкретно. Не «сделай посовременнее», а:

тёмный фон #0A0A0A, заголовок sans-serif 72px с межбуквенным
интервалом −2%, основной текст 16px с непрозрачностью 60%

Конкретика — это чит-код. Чем точнее ввод, тем лучше результат.

Шаг 2. Свои ассеты меняют всё

Стоковые фото мгновенно удешевляют сайт. Вместо них генерируйте собственные.

Hero-изображения — в GPT Image или Midjourney. Затем прогоните их через Kling или Seedance, чтобы превратить статику в лёгкие видеолупы. 4-секундное видео вращающейся планеты или дрейфующих частиц — то, что останавливает скролл.

Формула промпта:

[стиль] + [объект] + [окружение] + [свет] + чёрный фон

Чёрный фон — ключ: такие ассеты бесшовно ложатся на тёмные сайты. И обязательно добавляйте «не приближай и не отдаляй камеру», «не меняй размер и позицию» — иначе модель начнёт творить с ассетами странное.

Шаг 3. Анимация отделяет хороший сайт от запоминающегося

Три анимации, которые нужны каждому премиум-сайту:

1. Появление текста при скролле — заголовки всплывают и въезжают в кадр по мере прокрутки.
2. Параллакс — передний план движется быстрее фона, мгновенное ощущение глубины.
3. Микроинтеракции на ховер — кнопки светятся, карточки наклоняются, элементы отзываются на курсор.

Говорите модели буквально:

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 — магия, секция за секцией. Шрифты, отступы, анимации, ховеры, видеофоны. Здесь вы перетаскиваете свои видео, правите цвета, сводите фоны.

Попытка сделать всё сразу перегружает модель: вместо совершенства в каждой секции получаете посредственность везде.

Результат

Сайты, которые выглядят так, будто над ними неделями работала команда дизайнеров, — собираются за 2–4 часа. Fable 5 писал код. Вы дали вкус, референсы, точность и креативное руководство. Именно этот навык и стоит $3–8K за проект.

И дальше — публикуйте. Не просто делайте, а выкладывайте в соцсети, отмечайте инструмент, давайте пользу, а призыв к действию — в описание. Так растут охваты и приходят клиенты.

Инструменты доступны всем. Дифференциатор — вкус.

Что с этим делать

От себя. Обратите внимание: весь плейбук — это не «нейросеть сделает за вас», а конвейер с чётким разделением ролей: референсы → точные промпты → свои ассеты → два прохода сборки. Ровно тот же принцип я применяю в 4 слоях AI-маркетинга: модель заменяет руки, но не заменяет систему и вкус. И это хорошая новость — порог входа в «дорогой» результат сегодня определяется не бюджетом на подрядчиков, а качеством постановки задачи.

Хотите такой же конвейер под ваш сайт и контент — с вашим стилем и без шаблонности? Напишите «система» в Telegram, за 15 минут покажу, как это устроено.