Loops

为增长团队打造的简洁高性能引擎室。

高对比度中性色，克制使用单一品牌强调色。

transitional-serif · humanist-sans · geometric-mono

• display56px · 700
• heading32px · 700
• body16px · 400
• caption12px · 500

使用 Newsreader 作为展示标题以建立权威感。 · 使用 Inter 作为正文以确保高可读性与界面简洁性。 · 使用 Geist Mono 呈现技术片段与数据标签。

采用统一的 4px 基准单位与标准垂直节奏。

1px solid rgba(0, 0, 0, 0.05)

0px 1px 4px 0px rgba(0, 0, 0, 0.05) · 0px 2px 6px 0px rgba(0, 0, 0, 0.03)

流式网格搭配聚焦的窄幅中央内容栏。

交互元素采用平滑的颜色与背景色过渡。 · 容器移动使用柔和的 cubic-bezier 变换。

交互元素呈现细微颜色变化。 · 即时响应，伴随最小化缩放效果。

• button 实心主按钮（墨色）与描边次级按钮样式，采用胶囊圆角。
• card 带轻微边框与柔和阴影的数据呈现容器。
• chip 小型胶囊形徽章，带细微边框与低饱和度背景。
• input 简洁干净的输入框，带有细微边框。
• hero 大型居中衬线标题，搭配简洁的无衬线正文。

• 语气 专业、自信、对开发者友好。
• 标题风格 清晰、简洁、权威。
• 按钮文案 直接、导向行动。

• 避免使用鲜艳渐变——截图显示的是简洁白色背景。
• 避免使用活泼字体——截图显示的是严肃衬线体与简洁无衬线体的结合。
• 避免在所有地方使用圆角卡片——截图显示的是直角按钮与胶囊形芯片。
• 避免使用喧闹的主强调色——截图显示的是高对比度中性色搭配极少量色彩。
• 避免使用复杂阴影——截图显示的是非常柔和、低透明度的阴影。
• 避免使用杂乱布局——截图显示的是充足留白与居中的内容栏。
• 避免: 营销辞藻
• 避免: 不必要的术语
• 避免: 过度复杂的句子

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