霓虹科技 (Neon Techno-Futurist Interface)
黑底霓虹、世界观先行的未来科技页面，更接近游戏、硬件或沉浸式 tech launch。
游戏页发布页未来科技
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 高反差
- 黑底霓虹
- 世界观先行
- 动势强
适合做 / Good For
- 游戏页
- 发布页
- 未来科技
不适合做 / Not For
- 档案站
- 长文博客
- 安静品牌页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑底为主
- 霓虹色只做重点光源
- 高反差但不能刺眼
排版系统 / Typography
- 标题可以更大更硬朗
- 辅助信息要防止被光效吃掉
- 字距和大小要稳定
版式规则 / Layout Rules
- 首屏先定世界观
- 后续再落信息层级
- 用舞台式分段而不是普通卡片堆叠
图片处理 / Image Treatment
- 允许大图和发光
- 截图和渲染图要统一色温
- 不要混入生活方式图片
交互节奏 / Motion
- 允许更强的 reveal
- 动效要像场景切换
- 但导航始终可见可读
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考霓虹科技（Neon Techno-Futurist Interface）风格建站：
视觉特征：高反差 / 黑底霓虹 / 世界观先行 / 动势强
适合场景：游戏页 / 发布页 / 未来科技
不适合：档案站 / 长文博客 / 安静品牌页
推荐页面组织：沉浸舞台型 / Immersive Stage / 专题长文型 / Dossier / Feature
历史来源：赛博朋克 / 科技未来 / Cyberpunk / Techno-Futurism
参考网站：PlayStation 5: https://www.playstation.com/en-us/ps5/ / Cyberpunk: https://www.cyberpunk.net/ / Razer: https://www.razer.com/
配色系统：黑底为主 / 霓虹色只做重点光源 / 高反差但不能刺眼
排版系统：标题可以更大更硬朗 / 辅助信息要防止被光效吃掉 / 字距和大小要稳定
版式规则：首屏先定世界观 / 后续再落信息层级 / 用舞台式分段而不是普通卡片堆叠
图片处理：允许大图和发光 / 截图和渲染图要统一色温 / 不要混入生活方式图片
风格要求：Use a neon techno-futurist family: dark base, controlled neon accents, high-energy worldbuilding, and hierarchy that still stays legible inside a dramatic future-tech atmosphere.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1980s-present
赛博朋克 / 科技未来 (Cyberpunk / Techno-Futurism)
高饱和霓虹、黑夜城市、技术感界面、世界观驱动。它更像视觉文化分支。