Display
404 迷失页面
带有超大字体、微妙故障效果和回家链接的电影感 404 页面。
作者：mcpSkills
框架
nextjs
UI 库
shadcntailwind
难度intermediate
英文提示词
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.
中文提示词
创建一个 404 错误页面。使用深色背景，细雅字体显示巨大的 "404"。数字上添加微妙色差或偏移效果。下方放置 "Page not found" 等简短信息和返回首页的简单文本链接。使用 Tailwind CSS。不要插图——只有字体和一丝扭曲。
## Overview
极简、电影感的 404 页面，将错误视为一个设计时刻。
## Features
- 巨大细体 "404"
- 微妙色差/偏移
- 深色背景
- 简短信息 + 首页链接
- 纯字体
- 无插图
## Usage
用作作品集、品牌或产品站的 fallback 页面。
## Customization
修改 prompt 以：
- 为数字添加缓慢漂移动画
- 使用描边版本
- 添加搜索输入框
- 添加星空/噪点背景