知识系统 (Evidence-Dense Knowledge Surface)
论点、证据、导航和标签并存的知识型页面，密度高但必须保持可信和可扫描。
知识库研究站设计系统
真实网站参考 / 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
- 几乎不靠动效
- 更靠滚动结构和锚点导航
- 保持稳定阅读
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考知识系统（Evidence-Dense Knowledge Surface）风格建站：
视觉特征：信息密度高 / 论点明确 / 证据模块 / 导航清楚
适合场景：知识库 / 研究站 / 设计系统
不适合：纯视觉品牌页 / 娱乐首屏 / 情绪化叙事
推荐页面组织：档案堆栈型 / Archive Stack / 目录索引型 / Catalog Explorer
历史来源：包豪斯 / Bauhaus / 瑞士风格 / Swiss Style
参考网站：Our World in Data: https://ourworldindata.org/ / Carbon for AI: https://carbondesignsystem.com/guidelines/carbon-for-ai/ / People + AI Guidebook: https://pair.withgoogle.com/guidebook-v2/ / Atlassian Foundations: https://atlassian.design/foundations/
配色系统：中性配色 / 高对比文本优先 / 颜色用于主题或状态而不是情绪
排版系统：正文和标签系统要一起设计 / 大标题不必夸张 / 小标题和段落层级要稳定
版式规则：先结论再证据 / 边导航或标签导航清楚 / 密度高但有分区
图片处理：图表和截图都是证据 / 不相关氛围图尽量少 / 同一页内图片尺寸规则明确
风格要求：Use an evidence-dense knowledge surface: thesis first, structured evidence blocks, explicit labels, and navigation strong enough to keep dense information readable.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。