Standards

一个数字设计系统工具，用交互式的、自动化的品牌标准取代静态的 PDF 指南。

一个严格单色的调色板（黑、白、灰），点缀以单一、高饱和度的红色作为强调色，用于品牌标识和重点强调。

grotesque-sans

• display52px · 400
• heading31px · 400
• body20px · 400
• caption14px · 400

所有文本使用 weight 400 · 在较大的显示尺寸上收紧字间距 · 为正文保持充裕的行高

充裕的留白，在容器中保持一致的 30px 水平内边距，维持干净、开放的布局。

使用微妙的 1px 边框和细轮廓来定义卡片边界和交互状态，避免厚重阴影。

一个多栏布局，在移动端转为单栏，特点是一个醒目的左对齐主视觉区域和交替的内容板块。

hover 状态下微妙的 opacity 过渡 · focus 状态下平滑的边框颜色变化 · 交互元素的 transform 运动

文本颜色变为柔和的灰色，或背景/透明度发生微妙变化。 · 通过光标状态变化和 focus 环激活提供即时响应。

• button 简约的文本按钮和 ghost 按钮，带有简单的 hover 状态，有时会搭配一个红色强调点。
• card 浅灰色的矩形容器，在编辑状态下带有细蓝色选择轮廓，专注于内容而非装饰。
• chip 简单的行内文本元素或标签，无厚重的背景填充。
• input 干净、无边框的文本框或标准表单输入，融入背景之中。
• hero 一个巨大的、左对齐的排版宣言，带有一个微妙的红色强调点，其后是产品的视觉预览。

• 语气 自信、直接且权威。
• 标题风格 简短、有力的陈述，挑战现状（例如，“静态指南已过时”）。
• 按钮文案 面向行动且简单（例如，“免费试用”，“了解更多”）。

• 不要使用厚重的投影或渐变——截图显示的是扁平、哑光的表面和微妙的边框。
• 不要使用衬线或花体字体——截图显示的是一个一致、中性的 grotesque-sans 字体系统。
• 不要使用多种明亮的强调色——截图显示的是一个严格的单色调色板，只有一个高饱和度的红色（#FF2E00）。
• 不要使用圆角的容器或卡片——截图显示的是严格的矩形几何形状，边框半径极小或为零。
• 不要用密集的文本使布局显得拥挤——截图显示的是充裕的留白和简短、有力的文案。
• 不要为正文使用厚重、粗体的字重——截图显示几乎所有元素都使用一致的 weight 400。
• 避免: 过于商业化的行话
• 避免: 复杂的句子结构
• 避免: 过度使用感叹号
• 避免: 模糊的承诺

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