404 для кофейни —
Бариста потерял рецепт

Уютная страница 404 для кофейни в современном стиле. Падающие кофейные зёрна, пятна от чашек, потерянные рецепты и дружелюбный текст превращают ошибку в улыбку, как часть фирменной атмосферы заведения.
Промпт:
Для генерации своего промпта, можете воспользоваться нашим бесплатным инструментом.
Создай креативный экран 404 для современной кофейни в стиле Vibe Block Tilda. Высота блока — 100vh. Дизайн лёгкий, атмосферный, с характером локальной авторской кофейни. Визуал выглядит как сочетание минимализма, уютного кафе и современного digital-дизайна. Основной фон — молочный, кремовый или цвет светлой бумаги для кофейных стаканов. В центре композиции большая надпись «404», словно собранная из кофейных пятен, набросков рецептов и заметок бариста. По всему экрану плавно падают кофейные зерна с естественной физикой движения. Некоторые вращаются, некоторые пролетают перед текстом, создавая глубину. При движении курсора зерна слегка реагируют на его положение. Рядом с цифрами находятся элементы кофейного процесса: — рукописные заметки с рецептами; — перечёркнутые пропорции эспрессо; — пятна от чашки; — кофейные кольца на бумаге; — карандашные пометки; — случайно оставленная ложка или фильтр. Основной текст: «Мы не нашли эту страницу.» Подзаголовок: «Возможно, бариста пролил на неё кофе.» Ниже мелким текстом: «Пока мы готовим новую порцию, вы можете вернуться назад.» Кнопки: «На главную» «Посмотреть меню» Стиль: — современная кофейня третьей волны; — натуральные оттенки кофе, молока и бумаги; — мягкие тени; — много воздуха; — крупная дружелюбная типографика; — минималистичная композиция; — премиальная анимация без перегруженности. Дополнительные детали: — при загрузке появляется эффект растекающегося кофейного пятна; — зерна падают бесконечно и медленно; — цифры «404» слегка покачиваются, словно нарисованы на подвешенном листе рецепта; — возле текста может мигать заметка «Рецепт утерян»; — лёгкий аромат свежесваренного кофе передан через тёплую визуальную атмосферу. Настроение: уютно, немного иронично, вкусно и по-настоящему кофейно. Ошибка 404 становится частью истории заведения.
Начало Вайб-блока:
Рецепт утерян
404 1:2 ratio? 92°C · 28sec

Мы не нашли эту страницу.

Возможно, бариста пролил на неё кофе.

Пока мы готовим новую порцию, вы можете вернуться назад.

Конец Вайб-блока.
Оценить блок
Как получить блок бесплатно*
*сгенерируйте блок за свои запросы внутри вашего аккаунта Тильда.
Перейдите в режим редактирования страницы
Откройте VibeBlock: Библиотека блоков → Другое → Вайб-блок. Либо в самом низу страницы → Иконка VIBE.
  1. Скопируйте промпт выше
  2. Выберите модель ИИ
  3. Вставьте промпт и нажмите энтер, подождите пока он сгенерирует блок
  4. Результат может отличаться (см. дисклеймер ниже).
Заказать на сайте
Так вы поддержите проект! Каждый заказ дает нам мотивацию развивать проект: проверять разные ИИ модели, добавлять инструменты и добавлять новые блоки.
Спасибо, что развиваете этот проект вместе с нами!.
Вы получите страницу с вайб-блоком и первоначальным промптом.
Для передачи у вас должен быть платный тариф тильды, 14 дневный триал не подойдет.
Дисклеймер: особенности генерации ИИ
Все представленные на сайте примеры блоков созданы с помощью нейросетей, однако ваш результат при копировании тех же промтов может отличаться.

  • Разные «мозги» — разный итог. Каждая модель ИИ (Claude, Gemini, DeepSeek) имеет свою архитектуру, логику и стиль верстки.
  • Фактор случайности. Нейросети не работают по жестким шаблонам. В них заложен алгоритм «вероятности» (так называемая температура генерации), поэтому даже одна и та же модель на один и тот же запрос каждый раз выдает уникальный код
  • Финальная доработка. Бывает что некоторые элементы из примеров не получились с первого раза - в процессе генерации промты дорабатывались и уточнялись в чате, бывает что доработки делаются другой ИИ, а не той что создавала изначально. Также учитывайте что это сторонний код, поэтому проверяйте что нет конфликтов с другими блоками на странице.

Экспериментируйте, направляйте ИИ в процессе диалога, и вы получите идеальный результат!
Примеры Вайб-блоков по модели ИИ