Страница не прошла итоговую аттестацию

Уникальная страница 404 с атмосферой экзаменационного провала. Чертежи, каска, карандаши и лёгкая анимация делают ошибку 404 визуально интересной и тематически связанной с образовательной платформой.
Промпт:
Для генерации своего промпта, можете воспользоваться нашим бесплатным инструментом.
"Создай адаптивный блок страницы 404 (Page Not Found) высотой ровно 100vh в стиле современном стиле КОНЦЕПЦИЯ: ""Проваленный экзамен"" — страница не сдала итоговую аттестацию. СТРУКТУРА И КОНТЕНТ: 1. Крупная цифра ""404"" — стилизована под оценку в зачётке / красную печать ""НЕ ЗАЧТЕНО"" по диагонали поверх числа. 2. Заголовок (H1): «Страница не прошла итоговую аттестацию.» 3. Подзаголовок (опционально): «Похоже, этот URL завалил экзамен и был отчислен.» 4. CTA-кнопка: «Начать новый урок» — ведёт на главную / каталог. ВИЗУАЛЬНЫЕ ДЕТАЛИ (атмосфера экзамена): - Фон: светлый, цвет бумаги / тетрадного листа в клетку или линейку (бледный). - Красная ручка-чеканка: исправления, зачёркивания, галочки/крестики на полях. - ""Печать"" с текстом «FAILED / 404 / RETAKE» под наклоном (-15°), полупрозрачная красная. - Лёгкие декоративные элементы: скрепка в углу, кофейное пятно (круг), кляксы от ручки, поля тетради красной вертикальной линией слева. - Анимация: лёгкое появление (fade-in + slide-up), печать «НЕ ЗАЧТЕНО» падает с эффектом штампа (scale + bounce). СТИЛЬ TILDA ZERO BLOCK: - Чистая сетка, много воздуха, центрирование контента. - Шрифты: гротеск для заголовков (например, TT Norms / Inter / Manrope), рукописный/курсивный акцент для ""пометок преподавателя"". - Контейнер по центру, max-width контента ~600px. - Кнопка: контурная или с лёгкой тенью, hover — заливка. ЦВЕТА: - База: #FAFAF7 / #F5F3EE (бумага) - Текст: #1A1A1A - Акцент (ручка/печать): #D32F2F / #E53935 - Кнопка: #1A1A1A фон + белый текст ИЛИ контур красным. ТЕХНИЧЕСКИ: - Семантический HTML + CSS (без внешних зависимостей). - Полностью адаптивный (mobile-first), на мобильном высота 100vh сохраняется, цифра 404 уменьшается, печать масштабируется. - Без горизонтального скролла."
Начало Вайб-блока:
404 — Страница не прошла аттестацию
Итоговая аттестация · Результат

Страница не прошла итоговую аттестацию.

Похоже, этот URL завалил экзамен и был отчислен.
Проверьте адрес или вернитесь к учёбе.

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

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

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