Instrument

一个将创造力与科技融合的数字优先设计机构。

以高对比度单色为基底，在首屏区域点缀俏皮的3D渐变色。

grotesque-sans · sans-serif · monospace

• display352px · 400
• headline36px · 400
• body16px · 400

所有主要界面与正文文本均使用 Instrument-Sans。 · 使用 Instrument-Serif 作为优雅的编辑式强调。 · 使用 Instrument-Mono 用于技术性元数据或标签。 · 显示标题需设置紧凑的字距与高对比度。

采用4px网格，并留有充裕的编辑式留白空间。

1px solid rgba(7,7,8,0.5)

0 0 0 1px rgba(7,7,8,0.5)

基于网格的布局，包含一个巨大的全出血首屏和层叠的内容区块。

交互状态采用平滑的颜色过渡。 · 悬停时通过细微的位移变换营造深度感。

反转颜色或进行细微的背景色偏移。 · 提供即时视觉反馈，无缩放弹跳效果。

• button 药丸形的主按钮，采用高对比度的墨色/背景色。
• card 大型编辑式卡片，包含3D或摄影内容。
• chip 用于导航的小型药丸形标签，带细边框。
• input 极简的表单输入框，采用底部边框样式。
• hero 全出血的3D动画场景，中心设有播放按钮。

• 语气 自信、极简、专业。
• 标题风格 粗体、大写、紧凑字距。
• 按钮文案 直接且以行动为导向。

• 不要使用多彩渐变——调色板以单色为主，仅在特定场景使用强调色。
• 不要在所有地方使用圆角——首屏采用直角与圆形。
• 不要使用厚重的投影——使用细微的1px边框进行分隔。
• 不要使用居中对齐的正文文本——布局严格左对齐。
• 不要使用随意或友好的字体——坚持使用锐利、怪诞的 Instrument 字体家族。
• 不要让界面显得拥挤——使用充裕的留白和清晰的层级。
• 避免: 杂乱的布局
• 避免: 通用的库存图片
• 避免: 刺眼的多色渐变
• 避免: 不必要的边框或阴影

历史提取与模型分析 · 尚未逐项校验