Appwrite

一个深邃、精致的现代应用构建指挥中心。

暗黑模式基底，搭配高对比度白色文字，以及一个鲜明、充满活力的粉色用于主要操作强调。

grotesque-sans · humanist-sans · monospace

• display64px · 500
• heading40px · 500
• body16px · 400

展示文字使用粗体 grotesque-sans 字体，字距收紧。 · 正文默认使用高可读性 humanist-sans 字体。 · 等宽字体仅用于代码片段和技术标识符。

严格的 4px 网格系统，确保视觉密度一致。

细微的 1px 边框，颜色为 rgba(172, 172, 175, 0.2)，界定卡片边界而不破坏深色沉浸感。

0px 1px 3px 0px rgba(0, 0, 0, 0.05) · 0px 4px 8px 20px rgba(0, 0, 0, 0.2)

首屏部分采用居中单列布局，功能和案例研究部分过渡到多列网格。

次要元素的透明度淡入淡出。 · 交互状态下的平滑颜色和边框过渡。

交互元素在悬停时微妙的透明度或背景色变化。 · 通过缩放或颜色变化提供即时视觉反馈。

• button 主按钮使用鲜艳的粉色强调色（#fd356e），采用药丸形圆角和白色文字。次要按钮透明并带有细微边框。
• card 深色、抬高的面板，带有细微边框和充足的内边距。
• chip 药丸形标签，半透明背景和细微边框。
• input 暗黑主题输入框，带细微边框和圆角。
• hero 一个巨大的、居中的文字块，配有鲜艳的强调线条和高保真的产品截图。

• 语气 专业、直接且赋能，聚焦于开发者的效率和扩展性。
• 标题风格 粗体、直接且面向行动，常使用现在时动词。
• 按钮文案 清晰且面向行动，例如“启动项目”或“请求演示”。

• 不要使用浅色背景——截图显示的是深色主题（#19191c）。
• 不要为标题使用衬线字体——截图显示的是简洁、现代的 grotesque-sans 字体。
• 不要使用柔和或粉彩的强调色——截图显示的是高饱和度的粉色（#fd356e）。
• 不要为重要按钮使用尖锐的角——截图显示的是药丸形（999px）圆角。
• 不要为卡片使用高对比度的白色背景——截图显示的是深色、略微抬高的表面。
• 不要为大标题使用宽松的字距——截图显示的是收紧、负值的字距。
• 避免: 被动语态
• 避免: 过于复杂的术语
• 避免: 模糊的承诺

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