Openenvelope

一个为 AI 智能体平台服务的、面向开发者的技术文档网站

高对比度深色模式，搭配用于链接和交互元素的鲜艳紫罗兰色点缀。

grotesque-sans · monospace

• display40px · 600
• h228px · 600
• body16px · 400
• caption12px · 500

主要文本使用简洁的几何无衬线字体 · 代码块和行内代码使用等宽字体 · 标题使用稍重的字重以建立层次感 · 在密集文本中保持充裕的行高以提升可读性

8px 基础网格，紧密元素使用 4px 微间距

使用 1px 实线、8% 白色不透明度的微弱边框

0 1px 2px rgba(0,0,0,0.3) · 0 4px 12px rgba(0,0,0,0.25)

固定左侧导航栏，主内容区域段落宽度限制为最大 680px

链接和按钮上的微妙 hover 过渡 · 无复杂动画，专注于内容可读性

链接颜色变化，交互元素背景发生微弱变化 · 即时视觉反馈，无长时间延迟

• button 填充式主按钮，采用 999px 胶囊圆角；轮廓式次级按钮
• card 极简卡片，带有微弱背景色和 8px 圆角
• chip 用于版本和类别标签的小型圆角徽章
• input 等宽字体 URL 输入框，附带复制按钮
• hero 标题、副标题和元数据标签的垂直堆叠布局

• 语气 技术性、精准、权威但平易近人
• 标题风格 清晰、描述性强且直接，避免营销辞令
• 按钮文案 行动导向，带方向性箭头

• 不要使用浅色模式——截图显示为纯深色主题
• 不要使用衬线字体作为正文字体——截图显示为简洁的无衬线字体
• 不要使用多种点缀色——截图仅显示一种紫罗兰色点缀
• 不要添加厚重的投影——截图使用极简、微弱的阴影
• 不要将所有元素都做成圆角矩形——截图混合使用了直角和圆角
• 不要用装饰性元素使界面杂乱——截图保持了简洁、以内容为中心的布局
• 不要使用大型、激进的行动号召按钮——截图显示了克制的按钮样式
• 避免: 营销流行语
• 避免: 过多的感叹号
• 避免: 模糊或歧义的语言
• 避免: 过于随意的语气