Y2K 美学页面
设计 Y2K aesthetic 落地页。使用从粉色到薰衣草紫再到浅蓝的 bubble gradient，标题采用 chrome/metallic text effect，并加入星星、蝴蝶、圆润气泡形状和半透明面板。字体使用未来感 rounded sans-serif。hero 包含 3D 风格文字、浮动装饰元素和 pastel gradient 背景；卡片使用 glossy border 和轻微 inner glow。复古设计提示词
复古设计从过去的时代中汲取灵感，创造怀旧而独特的界面。从 Y2K 的气泡渐变和金属文字到 80 年代 Synthwave 的霓虹网格，每个时代都有其标志性的视觉语言。这些风格在现代极简主义的海洋中脱颖而出，通过共同的文化怀旧感与受众产生连接。
v0 Synthwave
使用 shadcn/ui 创建 synthwave 风格音乐应用。背景为深色 #0a0015，霓虹强调色包括 hot pink #ff006e、electric cyan #00f5ff 和 neon purple #bf00ff。加入复古透视网格背景、标题 neon glow，以及 hover 时出现 neon border glow 的卡片。hero 使用从橙到粉再到紫的 sunset gradient，并加入 retro-futuristic 排版和 scanline overlay。Cursor VHS 美学
在 Next.js 中构建 VHS aesthetic 作品集。效果包括 CRT scanline overlay（repeating-linear-gradient）、图像 chromatic aberration（使用偏移色彩通道的 CSS filter）、hover 时的 VHS tracking distortion（CSS transform skew），以及 noise texture overlay（SVG filter）。背景使用暖米色 #e8dcc8，强调色使用褪色 pastel。正文使用 monospace，标题使用 condensed sans-serif。界面中加入 'PLAY/REC' badge。Claude 复古计算
生成受经典 Macintosh 与早期 Windows 启发的 retro computing React 组件。Window 包含渐变 title bar、关闭/最小化/最大化按钮和内容区。使用 bitmap-style monospace、有限的 16 色板、1px solid 的 pixel-perfect 边框，以及通过 CSS background-image 实现的 dithering pattern。组件包括 Window、MenuBar、Button（beveled 3D effect）、TextField 和 ScrollBar。70 年代放克博客
设计 1970s 风格博客首页。页面背景为 cream #f5e6c8，文字为 deep brown #3e2723，强调色使用 burnt orange #d35400、mustard #e1ad01 和 avocado green #6b8e23。masthead 使用 64px 厚重 rounded display 字体，接近 Cooper Black；文章摘要使用易读的 18px/1.7 serif。使用 3px 棕色完整边框、pill category tag、区块间重复 wavy-stripe SVG 分隔图案，以及轻微旋转、带 tape corner 的 polaroid-style 文章缩略图。正文在 cream 背景上保持 7:1 对比度，最鲜艳的颜色只用于标题与 tag。v0 Frutiger Aero 仪表盘
使用 shadcn/ui 创建 Frutiger Aero 风格个人仪表盘。背景使用从 #7ec8e3 到 #d0f0fd 的 glossy sky gradient，下方加入淡草绿色 #8bc34a，并通过 20% 白色 opacity 的 radial-gradient circle 添加浮动 bubble highlight。卡片为 70% opacity white，20px radius，使用 1px inner white highlight border；顶部 sheen 由 linear-gradient overlay 实现，从 rgba(255,255,255,0.6) 过渡到 transparent，并在高度 40% 处结束。按钮强调色为 aqua #00b4d8，并带轻微 bevel。排版使用 Segoe UI 或接近 Frutiger 的 humanist sans，正文为 15px #1a3c4e。包含天气、媒体和时钟组件，统一使用 0 8px 24px rgba(0,60,90,0.15) 柔和阴影。Cursor 街机 CRT 排行榜
在 Next.js 中构建 arcade CRT 风格排行榜。背景为纯 #000000，叠加 repeating-linear-gradient 扫描线（周期 3px、rgba(255,255,255,0.04)）和 radial-gradient vignette。文字使用 Press Start 2P 与 phosphor green #33ff33；标题为 24px，并带 0 0 8px #33ff3388 柔和 text-shadow glow；得分行使用 14px、20px 行距，并在排名、名称和得分之间加入 dotted leader。前三名使用 amber #ffb000。添加闪烁的 INSERT COIN 提示，使用 1s step animation，并在 prefers-reduced-motion 下停用。通过轻微 border-radius 和 inner box-shadow 模拟曲面屏，同时为 screen reader 提供纯文本高对比 fallback list。Claude 90 年代网页复兴
生成刻意复兴 90s Web 风格、同时保持可访问性的 React 个人主页。背景使用由 #c0c0c0 与 #d4d4d4 组成的 CSS gradient checker 平铺图案。内容采用居中的 760px table-like layout；beveled panel 使用 border-style: outset、2px 边框和 #e0e0e0 背景，标题使用 28px navy #000080 Times-style serif。加入通过 CSS transform 实现的 marquee banner，必须可暂停并遵守 prefers-reduced-motion；同时提供七段数码访客计数器、footer 中的 88x31 pixel badge link，以及使用经典灰色 inset input 的 guestbook form。真实链接在浅灰背景上使用 #0000ee，并为全部图片提供 alt。常见问题
什么是复古网页设计？
复古网页设计引用过去几十年（70s、80s、90s、Y2K）的视觉风格，使用时代特定的色彩、排版、纹理和布局模式。流行的子风格包括 Synthwave（80 年代霓虹）、Y2K（2000 年代初气泡美学）、VHS（模拟视频噪点）、Frutiger Aero（2000 年代光泽感）和像素艺术（8-bit/16-bit 时代）。
如何在 CSS 中创建霓虹发光效果？
用多层 text-shadow 实现霓虹文字：text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #ff00de, 0 0 82px #ff00de。元素发光用 box-shadow 扩展：box-shadow: 0 0 15px rgba(255,0,222,0.5), 0 0 30px rgba(255,0,222,0.3)。用 CSS keyframes 添加脉动动画。
复古设计还流行吗？
是的。复古美学不断循环流行，Y2K 和 Frutiger Aero 在 2024-2026 年经历了重大复兴。复古风格有效是因为它们通过怀旧感建立情感连接，并从大量干净的现代设计中脱颖而出。关键是通过现代网页标准来诠释复古元素，而非原封不动地重建旧界面。
复古网页设计应该用什么字体？
字体要对准年代。70 年代：厚重圆润的展示字体（Cooper Black；Google 替代品 Chango、Shrikhand）。80 年代 Synthwave：Monoton、Audiowide 这类金属感几何标题字体。Y2K：Orbitron、Comfortaa 等圆润科技字体。终端/街机：VT323 或 Press Start 2P。早期 GUI：Silkscreen 这类像素系统字体。关键规则：年代字体只用于标题和 Logo，正文搭配中性易读字体（16px 以上的系统无衬线或衬线）——整段使用展示体或像素体在可读性和无障碍上都不合格。
如何让复古设计满足无障碍要求？
复古配色和特效经常与 WCAG 冲突，必须刻意审计。每一组文字/背景都要过 4.5:1 检测——霓虹粉 #ff006e 配深底 #0a0015 能通过，但霓虹配霓虹会失败，发光效果应放进 text-shadow 而把填充色调亮。闪烁动画控制在每秒 3 次以下，并在 prefers-reduced-motion 下关闭扫描线、故障和跑马灯效果。像素体和展示体不进正文。色差和噪点覆层保持低不透明度（0.08 以下），确保不遮挡内容；交互控件即使在 CRT 美学里也要有可见的焦点环。