主参考 / Primary Reference
SiteInspire
更偏黑白、双栏、数据优先的决策看板：左边固定约束与 needs，右边展开排序、雷达和比较表，不靠情绪 hero，而靠决策卫生与优先级清晰度建立价值。
打开参考网站 / Open Reference黑白决策面 (Monochrome Decision Surface)
更偏黑白、双栏、数据优先的决策看板：左边固定约束与 needs，右边展开排序、雷达和比较表，不靠情绪 hero，而靠决策卫生与优先级清晰度建立价值。
决策看板优先级排序面岗位比较系统
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 左侧约束固定
- 右侧排序与雷达
- 黑白克制
- 表格与分数清楚
适合做 / Good For
- 决策看板
- 优先级排序面
- 岗位比较系统
不适合做 / Not For
- 彩色营销首页
- 纯灵感瀑布流
- 只有 hero 没有取舍结构的页面
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑白高对比最稳
- 颜色只用于极少量状态提示
- 不要让强调色盖过数据与层级
排版系统 / Typography
- serif 标题负责定调
- 标签和元数据要短而准
- 表格、分数和轴标签必须一眼能扫
版式规则 / Layout Rules
- 左边是固定 constraint spine，右边是排序与比较主面
- 需要同时容纳雷达、列表和表格
- 每个模块都要服务取舍而不是装饰
图片处理 / Image Treatment
- 图像很少，优先使用雷达、分数条、表格和结构化卡片
- 不要依赖摄影 hero
- 图形只服务判断，不服务气氛
交互节奏 / Motion
- 滚动以稳定和定位感为主
- sticky spine 可以保留
- 不要用过多过场动画干扰判断
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考黑白决策面（Monochrome Decision Surface）风格建站：
视觉特征：左侧约束固定 / 右侧排序与雷达 / 黑白克制 / 表格与分数清楚
适合场景：决策看板 / 优先级排序面 / 岗位比较系统
不适合：彩色营销首页 / 纯灵感瀑布流 / 只有 hero 没有取舍结构的页面
推荐页面组织：工作台型 / Workbench / Tool Shell / 目录索引型 / Catalog Explorer
历史来源：瑞士风格 / Swiss Style / 包豪斯 / Bauhaus
参考网站：SiteInspire: https://ourworldindata.org/ / Are.na / Board: https://www.are.na/
配色系统：黑白高对比最稳 / 颜色只用于极少量状态提示 / 不要让强调色盖过数据与层级
排版系统：serif 标题负责定调 / 标签和元数据要短而准 / 表格、分数和轴标签必须一眼能扫
版式规则：左边是固定 constraint spine，右边是排序与比较主面 / 需要同时容纳雷达、列表和表格 / 每个模块都要服务取舍而不是装饰
图片处理：图像很少，优先使用雷达、分数条、表格和结构化卡片 / 不要依赖摄影 hero / 图形只服务判断，不服务气氛
风格要求：Use a monochrome decision surface family: a sticky left constraint spine, a right column for ranked comparisons, radar or score overlays, tables that expose tradeoffs fast, restrained serif headlines, and black-white data clarity instead of a marketing hero.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。