# GG_deck 风格指导 Prompt（基于 Nothing Headphone (a) 页面）

请将网页严格设计为接近 Nothing 官网产品页（参考：https://jp.nothing.tech/products/headphone-a?Colour=White ）的视觉与排版语言，不要沿用传统 dashboard、企业官网或 Apple Developer 风格。

## 一、总体设计气质
- 整体气质应为：**冷静、克制、未来感、轻科技、留白充足、弱装饰、高识别度**。
- 页面不是信息看板，而更像一个 **Nothing 产品页延展出的内容桌面 / 内容画布**。
- 强调“产品感”和“空气感”，避免“管理后台感”、“作品集模板感”、“乙方汇报页感”。

## 二、背景与空间
- 背景使用 **浅灰偏暖白** 色系，接近 Nothing 官网页面的底色。
- 页面整体应保持大面积留白，不要使用大面积深色底。
- 可加入 **极轻的点阵装饰**（稀疏小黑点），像 Nothing 页面中的科技感背景纹理。
- 点阵必须很轻，不能脏，不能密，不能喧宾夺主。
- 不使用彩色渐变、炫光、发光球、霓虹、液态玻璃等视觉效果。

## 三、字体与层级
- 字体感觉参考 Nothing 官网：
  - 英文倾向 **Inter / Helvetica / Nothing 风格的无衬线体**
  - 中文保持干净现代无衬线
- 标题需有很强的识别性，字重偏中高，字距略收紧。
- 文本层级清晰，但不要传统 PPT 式大标题 + 小标题 + 正文堆叠。
- 标题更像产品名、模块名，而不是汇报标题。
- 文案要短，尽量一行或两行内说完。

## 四、图文关系
- 页面中心不需要传统“主视觉舞台”或说明大卡片。
- 更接近 Nothing 页面里的 **中心主体 + 周围散落模块卡片** 的关系。
- 所有内容块像“围绕主产品散布的功能入口 / 信息块”。
- 卡片与图像之间要有明显的呼吸感，不要挤在一起。
- 不是密集瀑布流，而是精心排布的桌面式分布。

## 五、卡片设计
- 每个材料入口都像一个 Nothing 产品页里的功能模块。
- 卡片以 **白色 / 浅灰白** 为主，边角圆润。
- 卡片阴影要轻，不能厚重。
- 卡片里的图片应尽量像产品物料、界面截图、文件夹、功能图标，而不是办公文档缩略图。
- 如果某文档没有适合的视觉内容，可以：
  1. 用“文件夹”样式占位
  2. 用简洁的几何符号 / 数据数字 / 黑白模块图占位
- 避免传统按钮堆满卡片底部，尽量让整个卡片就是入口。

## 六、配色
- 主色不依赖品牌蓝。
- 主体配色以：
  - 浅灰白背景
  - 黑色 / 深灰文字
  - 少量透明白卡片
  - 极少量绿色点缀（若使用，也要非常克制）
- 不使用 Tiffany 蓝、强烈渐变、彩色 hover、重饱和按钮。

## 七、交互
- 鼠标不要花哨特效。
- 不要发光追随、粒子跟随、过重视差。
- hover 只做轻微响应：
  - 卡片轻微上浮
  - 阴影略增强
  - 或图片轻微缩放
- 搜索栏与最近访问区可以保留，但要像系统组件，而不是传统网页表单。

## 八、布局关键词
请始终对齐以下关键词：
- **Nothing product page**
- **minimal tech canvas**
- **airy composition**
- **floating feature modules**
- **soft monochrome palette**
- **precise spacing**
- **editorial product layout**

## 九、明确避免
请不要出现以下问题：
- 不要做成 dashboard
- 不要做成 Apple Developer 文档页
- 不要做成 PPT 封面页
- 不要使用大面积深色磨砂玻璃
- 不要居中放一个大说明卡片
- 不要使用花哨鼠标光效
- 不要使用土味蓝色、高饱和渐变
- 不要把所有材料规整排成普通网格

## 十、GG_deck 应用方式
将 GG_deck 设计为：
- 一个浅灰白色的 Nothing 风格内容桌面
- 中央是较轻的视觉主体（可弱化，不一定必须是产品）
- 周围分布各类材料入口卡片
- 底部保留搜索栏与最近访问，但整体仍保持极简
- 所有材料入口像产品功能模块，而不是列表项