Конспект урока
Первая секунда решает всё
Когда ты пролистываешь TikTok, тебя останавливают ролики, которые выглядят «своим стилем». Не обязательно красиво по чужим меркам — главное, что у них есть характер. С сайтом работает та же логика. Человек открывает страницу и за одну секунду решает, интересно ему здесь или нет. Эту секунду решают не слова, а внешний вид.
У дизайна есть три кита, на которых всё держится: цвет, шрифт и ритм блоков. Если эти три вещи попадают в твой вайб, сайт перестаёт быть «ещё одним сайтом на Bolt» и становится твоим.
Дизайн не про «красиво». Дизайн про «узнаваемо». Хороший сайт можно узнать по одному скриншоту — даже без логотипа и имени.
На чём держится стиль сайта
🏛 ТРИ КИТА
Если разобрать любой запоминающийся сайт, окажется, что в нём всего три ключевых элемента дизайна. Они задают характер, а всё остальное — это уже детали и украшения. Давай посмотрим, что это за элементы и за что отвечает каждый.
За что отвечает:
Какая палитра — твоя
🎨 ВЫБОР ПАЛИТРЫ
Покажу четыре готовых палитры. У каждой свой характер. Выбери ту, в которой тебе комфортно — именно эта пойдёт в промпт для Bolt. Если сомневаешься между двумя, выбирай ту, которую представляешь в комнате на стене.
Выбрана палитра « ».
Какой шрифт задаёт твой характер
🔤 ВЫБОР ШРИФТА
Шрифт — это голос сайта. Один и тот же текст можно сказать тихо и спокойно, можно громко и уверенно, можно с весёлой ноткой. Посмотри на четыре примера и выбери тот, в котором ты звучишь как ты.
Привет, я Маша
Выбран шрифт « ».
Твой дизайн-промпт
✨ ГОТОВЫЙ ПРОМПТ
Из твоих выборов я собрал готовую фразу для Bolt. Можно скопировать и отправить в чат — Bolt перестроит сайт в этом стиле за несколько секунд. Если что-то не понравится, попроси доработать конкретный элемент (а не переделать всё с нуля).
📋 СКОПИРУЙ И ОТПРАВЬ BOLT
Вернись на два предыдущих слайда и выбери палитру и шрифт — здесь появится готовый промпт.
Подсказка про итерации. Если после первого применения хочется что-то поправить, не переделывай весь промпт. Просто скажи Bolt конкретно: «Сделай заголовки крупнее», «Замени малиновый акцент на синий», «Добавь больше воздуха между блоками». Так быстрее и точнее.
Твой вайб Опиши свой вайб: три слова + цвета
