Tangled

一个面向AT Protocol代码仓库的开发者专属GitHub克隆体。

以高对比度的中性色为基底，使用单一的绿色作为主要操作的强调色。

system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif · 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace

• display20px · 600
• body14px · 400
• mono12px · 400

为性能和熟悉度使用系统字体栈。 · 仅对代码相关数据（如提交哈希值）使用等宽字体。

采用统一的4px网格，并使用标准间距令牌以实现对齐。

1px solid rgba(31,35,40,0.15)

两栏布局，左侧为文件树，右侧为提交历史。

为UI状态变化使用简单的淡入效果，无可见的复杂动画。

交互元素（如文件行）在hover时背景色发生细微变化。 · 即时响应，除导航外无额外视觉反馈。

• button 主要按钮：绿色背景（#2EA44F），白色文字。次要按钮：白色背景，灰色边框，灰色文字。
• card 白色背景，细微边框，无阴影。用于文件列表项和提交条目。
• chip 小型圆角徽章，用于显示状态，如 'main'、'2/2'、'0/2'。
• input 白色背景，灰色边框，圆角。用于顶部栏的搜索字段。
• hero 包含仓库标题、描述及操作按钮（Star、Fork、Atom）的区域。

• 语气 技术性、功能性、直接。
• 标题风格 清晰、描述性强且聚焦关键词（例如：'feat(scrabble):...'）。
• 按钮文案 使用行动导向的动词，如 'Star'、'Fork'、'立即加入'。

• 勿使用鲜艳渐变色——截图显示为平坦的白色背景，色彩极少。
• 勿应用厚重的阴影——截图显示所有元素均无投影。
• 勿使用装饰性衬线字体——截图显示为无衬线系统字体栈。
• 勿为文件列表项添加圆角——截图显示为直角。
• 勿使用深色主题——截图显示为以白色和浅灰色为主的界面。
• 勿实现复杂动画——截图显示为静态、功能性的界面。
• 避免: 营销话术
• 避免: 随意用语
• 避免: 过度装饰