David Kirschberg
近黑色基底、圆角卡片与产品图像展示。
Active Theory
近黑色基底、胶囊形控件与磨砂表面。
页面以近黑色为基底，搭配白色文字。字体采用 nbarchitekt、Times。视觉特点包括胶囊形控件、磨砂表面、细线分隔、衬线字形。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 仅使用 #000000 作为画布颜色——绝不引入灰度背景；虚无必须保持绝对
- 仅在关键主导 CTA 处使用 Dusk Violet（#343755）——该强调色被严格控制，因为其与 3D 场景存在竞争关系
- 所有胶囊形控件（按钮、标签）的边框半径设为 500px——部分圆角会显得不一致，与完全胶囊化的主控件形成对比
- 正文使用Times字体，行高16px，行间距1.88倍——衬线字体搭配充足的行高，在密集的3D视觉中营造出编辑性的呼吸空间
- 所有卡片使用 1px 边框，颜色为 #4d4d4d 以界定边界——绝不依赖阴影；虚无无法投射阴影
- 为所有叠加面板应用 backdrop-filter: blur(4px)；磨砂玻璃效果是这个系统传达深度的方式。
- nbarchitekt 字体在导航中使用 10-12px，按钮标签使用 14px 字重 700——字体层级刻意微小，以保持 界面外围元素 的不可见性
建议避免
- 绝不引入新的色彩强调——色彩体系为黑色、白色、灰度和一种紫罗兰色；任何额外色调都会与渲染场景产生冲突
- 不要在任何元素上使用 box-shadows（盒阴影）；层次感必须来自半透明表面的叠加与背景模糊，绝不能依靠投射光。
- 绝不使用纯白或纯灰的卡片背景——所有表面必须半透明（rgba 值在 0.1-0.5 范围内），以便画布穿透
- 绝不将正文置于 nbarchitekt 字体中——Times 衬线字体是刻意的编辑性反差；混合无衬线字体用于正文会削弱风格区分
- 绝不使用 5px 到 500px 之间的圆角值——按钮要么是锐利的透明矩形（5px），要么是完整胶囊（500px）；中间值看起来不专业
- 绝不为 UI 元素添加渐变——3D 场景承载全部渐变丰富性；UI 渐变会削弱舞台质感
- 即使在明亮区域也绝不使用浅色主题组件——该系统以深色为优先；浅色模式会破坏沉浸式连贯性
