Запрос на одностраничный сайт для себя

Текст

Промт для своего сайта

Промт со слайда урока «Промт для создания сайта». Скопируйте целиком и замените [квадратные скобки] своим.

Задача
Сделай одностраничный сайт: [визитка эксперта / страница услуги / приглашение на эфир].
Кто на него придёт: [опишите человека]. Что он должен сделать: [написать / записаться / купить].

Блоки сверху вниз
1. Первый экран: заголовок-обещание, подзаголовок в одну строку, кнопка.
2. Что человек получит — три пункта с короткими подписями.
3. Обо мне или о продукте — абзац и фотография.
4. Примеры работ или отзывы — только настоящие.
5. Пять частых вопросов с ответами.
6. Подвал: контакты и та же кнопка.

Куда выложить
[адрес сервера и папка] — или «пока никуда, оставь папкой на компьютере».

Как должно выглядеть
Стиль: [светлый и спокойный / тёмный и контрастный], один акцентный цвет.
Шрифты — только с кириллицей: Onest, Golos Text, Manrope, Geist.
Чистый HTML и CSS, шрифты и картинки положи рядом с файлом: сайт должен открываться двойным щелчком даже без интернета.

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

Как заполнить скобки

• Что за сайт. Одно из трёх или своё: «страница моего курса», «запись на консультацию».
• Кто придёт. Не «все», а один человек: «владелец маленькой кофейни, который хочет больше заказов с сайта».
• Что сделать. Одно действие — оно станет главной кнопкой.
• Куда выложить. Сервера нет — пишите «пока никуда, оставь папкой на компьютере». Это нормально: выложить можно позже, переделывать сайт не придётся.
• Фотография. Приложите своё фото к сообщению или скажите, где оно лежит.

Что приложить, чтобы вышло лучше

• Дизайн-систему — без неё сайт выйдет «как у миллионов других». Свою соберите по 03 Промт/02 Дизайн-система по референсу.md или возьмите готовую: 04 Результат/02 Дизайн-система Granit.html или 04 Результат/04 Дизайн-система Volt.html. Приложите страницу к сообщению и в блок «Как должно выглядеть» допишите: «Оформи сайт по дизайн-системе на приложенной странице: цвета, шрифты, кнопки и карточки бери из неё». Если система лежит у вас папкой с правилами (файл DESIGN.md и стили), напишите: «Оформи по дизайн-системе из папки [путь]: правила в DESIGN.md».
• Описание продукта по разделам, как в 02 Исходник/01 Лендинг суфлёра — описание сервиса.md.
• Настоящие отзывы и примеры работ — иначе Claude оставит для них пустое место и спросит.
• Скиллы из 01 Скиллы и MCP поставьте заранее: Claude возьмёт их сам, а явно можно попросить так: «используй скилл design-taste-frontend».

Если открыли с диска, а шрифт не тот

Chrome не даёт странице, открытой двойным щелчком, подключать шрифты из соседней папки — показывает системный шрифт. Попросите: «встрой шрифты прямо в файл (base64), чтобы сайт и с диска открывался со своими шрифтами». На хостинге эта проблема не возникает.

Следующие сообщения

Беру [первый / второй] вариант первого экрана. Доделай страницу целиком.

Поправь: [что сейчас] → [как должно быть]. Скажи, что именно изменил.

Выложи сайт на хостинг и проверь адрес с телефона.

По желанию, если подключили GitHub (01 Скиллы и MCP/10 GitHub с нуля.md):

Сохрани эту версию сайта в репозиторий на GitHub.