---
name: neon-tech
description: "霓虹科技 (Neon Techno-Futurist Interface) style skill for AI website building."
---

# 霓虹科技 (Neon Techno-Futurist Interface)

## 适用场景 / Use When

游戏页 / 硬件发布 / 未来科技品牌页

## 适合做 / Best For

- 游戏页
- 发布页
- 未来科技

## 不适合做 / Not For

- 档案站
- 长文博客
- 安静品牌页

## 长这样 / Visual Traits

- 高反差
- 黑底霓虹
- 世界观先行
- 动势强

## 配色系统 / Color System

- 黑底为主
- 霓虹色只做重点光源
- 高反差但不能刺眼

## 排版系统 / Typography

- 标题可以更大更硬朗
- 辅助信息要防止被光效吃掉
- 字距和大小要稳定

## 版式规则 / Layout Rules

- 首屏先定世界观
- 后续再落信息层级
- 用舞台式分段而不是普通卡片堆叠

## 图片处理 / Image Treatment

- 允许大图和发光
- 截图和渲染图要统一色温
- 不要混入生活方式图片

## 动效节奏 / Motion

- 允许更强的 reveal
- 动效要像场景切换
- 但导航始终可见可读

## 推荐结构 / Recommended Structures

- 沉浸舞台型 / Immersive Stage
- 专题长文型 / Dossier / Feature

## 历史来源 / Historical Roots

- 赛博朋克 / 科技未来 / Cyberpunk / Techno-Futurism

## 参考网站 / Reference Sites

- PlayStation 5: https://www.playstation.com/en-us/ps5/
- Cyberpunk: https://www.cyberpunk.net/
- Razer: https://www.razer.com/

## 注意避坑 / Avoid

- 暖纸感和米色底
- 学术知识站式排列
- 平庸 SaaS 渐变

## Prompt DNA

```text
请参考霓虹科技（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.
```