Display
404 Lost Page
A cinematic 404 page with oversized type, a subtle glitch, and a way-home link.
by mcpSkills
Framework
nextjs
UI Library
shadcntailwind
Difficultyintermediate
English Prompt
Create a 404 error page. Use a dark background with a massive "404" in a thin, elegant font. Add a subtle chromatic aberration or offset effect on the numbers. Below, place a short message like "Page not found" and a simple text link back home. Use Tailwind CSS. No illustrations—only typography and a hint of distortion.
Chinese Prompt
创建一个 404 错误页面。使用深色背景，细雅字体显示巨大的 "404"。数字上添加微妙色差或偏移效果。下方放置 "Page not found" 等简短信息和返回首页的简单文本链接。使用 Tailwind CSS。不要插图——只有字体和一丝扭曲。
## Overview
A minimal, cinematic 404 page that treats the error as a designed moment.
## Features
- Massive thin "404"
- Subtle chromatic aberration/offset
- Dark background
- Short message + home link
- Typography-only
- No illustrations
## Usage
Use as a fallback page for portfolios, brands, or product sites.
## Customization
Modify the prompt to:
- Add a slow drift animation to the numbers
- Use an outlined/stroke version
- Add a search input
- Add a starfield/noise background