01
设计气质 DNA
索引目录策展独立网络元索引
一个组织有序的独立网络图书馆目录
02
色彩
#000000Accent#ffffffBG#666666Mutedrgba(0, 0, 0, 0.1)Line高对比度，极少使用颜色
03
字体
- display
32px · 700 - heading
20px · 700 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px区块与项目间保持一致的垂直间距
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
分类标签使用纤细、微妙的边框
06
布局
800container
1columns
24pxgutter
768 / 1024breakpoints
单列居中内容，清晰的垂直层级结构
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
截图中未见可见动画
交互元素上的微妙颜色变化 · 直接导航至链接项目
08
组件
- button 极简的胶囊形分类筛选器，带边框
- card 无容器的简单文本列表项
- chip 带细边框的分类筛选标签
- hero 简洁的标题与描述区域
09
文案语气与禁用清单
- 语气 直接、信息明确、平实
- 标题风格 清晰、描述性的标题，极少修饰
- 按钮文案 简单、功能性的语言，无营销话术
- 不要使用多种强调色——截图主要显示黑色文本，颜色极少
- 不要使用复杂的卡片布局——截图显示的是简单的文本列表项
- 不要使用大型装饰性图片——截图显示的是纯文本内容
- 不要实现厚重的阴影或深度效果——截图显示的是扁平化设计
- 不要使用衬线字体——截图显示的是简洁的无衬线字体
- 不要创建复杂的网格布局——截图显示的是单列布局
- 避免: 营销术语
- 避免: 过于随意的语言
- 避免: 过多的形容词
11
System Prompt
这是一个面向独立网络生态的极简主义、以文本为核心的目录网站。设计采用干净的白色背景与高对比度黑色文本，营造出优化阅读体验的环境。字体使用人文主义无衬线体，强调可读性与清晰度。布局为单列居中，区块间留有充足间距。分类筛选使用带细边框的简单胶囊形按钮。整体语气直接、信息明确，避免营销语言。关键禁忌：不要添加多种强调色，不要使用复杂卡片布局，不要包含装饰性图片，不要实现厚重阴影，不要使用衬线字体，不要创建复杂网格。