Figma

白色基底、紧密字距与网格布局。
页面以白色为基底。字体采用 figmaSans、figmaMono。视觉特点包括紧密字距、网格布局、摄影展示。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 强制对主要字形矩阵使用绝对 #000000——依赖字重和激进的负字间距(-1.44px 在显示尺寸下)来实现层级,而非灰度。
- 明确且专一地将 50px 胶囊形控件范式与全局页眉/页面级导航元素配对。
- 保持社区和画廊容器的原始 0px 圆角,以剥离结构内容布局中的 UI 艺术效果。
- 严格将 #4d49fc 作为内嵌面板的中断信号使用,绝不可用于全局页眉或营销背景。
- 仅限于工作区/提示面板在结构上浮于画布之上时才使用阴影效果;禁止对网格项应用基础阴影。
建议避免
- 不要使用 #595959 文本稀释正文内容;所有核心结构文本必须强制使用高对比度 #000000 与 #ffffff。
- 不要混合按钮边框几何形态——在页眉中绝不可使用 8px 圆角,且在提升的提示面板中绝不可使用 50px 胶囊形控件。
- 不要对图像艺术缩略图进行边框或描边;让未加样式边框定义卡片空间内的视觉矩形。
- 绝不使用悬停时的阴影提升效果——应仅通过背景色偏移或不透明度变化实现,仅在持久的层级叠加中保留盒阴影。
- 避免在 UI 系统中使用装饰性彩色块——将 #24cb71、#00b6ff、#ff7237 严格限制于实际的艺术品或头像渲染中。