Figma

现代设计与产品团队的标准操作系统。

采用高对比度设计，以洁净的白色背景搭配黑色文字，确保最佳可读性。主操作使用充满活力的紫色进行点缀，推广横幅则使用明亮的绿色。

humanist-sans · monospace

• display56px · 330
• heading-lg24px · 400
• body18px · 330
• body-sm16px · 330

标题采用紧凑的字间距（负值 letter-spacing），营造现代、紧凑的视觉感受。 · 正文保持较浅的字重（330），营造干净、通透的阅读感。 · 等宽字体专用于代码片段或技术性内容展示。

以 8px 为基础单位，内边距与外边距遵循 8 和 16 的倍数，构建一致的空间系统。

边框使用极为克制，主要采用微妙的 1px 分割线或内嵌阴影来定义容器和输入框。

rgba(0, 0, 0, 0.08) 0px 1px 0px 0px · rgb(0, 0, 0) 0px 0px 0px 1px inset · rgb(255, 255, 255) 0px 0px 0px 1px inset

采用标准的 12 列流式网格，具备响应式断点。优先保证充足的留白和清晰的内容层级。

hover 状态与交互元素采用平滑过渡。 · 界面状态变化时使用细微的变形与位移。 · 模态框或覆盖层采用背景与透明度过渡。

通过背景色或透明度的微妙变化实现反馈，过渡时长通常在 0.16s 至 0.25s 之间。 · 提供即时的视觉反馈，通常通过背景色变化或细微的变形来实现。

• button 高对比度的主按钮（黑色背景，白色文字），采用胶囊形或微圆角设计。次要按钮使用线框样式。
• card 卡片常用于展示社区项目，具有大尺寸的视觉图像和简洁的排版，有时会搭配微妙的阴影或边框。
• chip 标签使用极为克制；标签和标记通常整合在列表或导航菜单中。
• input 洁净的输入框，通过内嵌阴影或微妙的边框进行定义，技术性输入常搭配等宽字体。
• hero 动态的主视觉区域，采用大尺寸、富有表现力的字体，通常与多样化的彩色项目截图画廊进行互动或叠加。

• 语气 专业、赋能且清晰，聚焦于协作与创造力。
• 标题风格 使用粗体、简洁的陈述句，突出核心功能与优势。
• 按钮文案 直接且面向行动，使用诸如“开始使用”或“联系销售”等措辞。

• 不要使用深色主背景——截图显示主要为白色背景。
• 不要为标题使用衬线字体——截图显示使用的是人文主义无衬线字体。
• 不要使用过于复杂、多彩的渐变色作为主背景——截图显示为干净的白色基底。
• 不要使用厚重的投影来体现层次感——截图显示使用的是微妙、极简的盒状阴影或内嵌边框。
• 不要在正文使用全大写——截图显示大写文本仅在标签或小标记中少量使用。
• 不要使用高对比度的、非紫色或绿色的亮色作为主色——截图显示主操作按钮使用特定的紫色，推广横幅使用绿色。
• 避免: 堆砌术语的技术性描述
• 避免: 过于随意或充满俚语的文案
• 避免: 使用被动语态的行动号召

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