Freenet

一个清晰、技术性的分布式网络蓝图。

在干净的白色背景上使用高对比度的蓝色作为强调色，以确保清晰度和技术可信度。

humanist-sans

• display40px · 700
• heading24px · 700
• body16px · 400

标题使用粗体，以建立清晰的层级。 · 正文保持充足的行高，以确保可读性。 · 使用单一的无衬线字体族，以保持技术美感的简洁。

基于 4px 网格的一致垂直节奏，章节间距充裕。

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

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

居中容器，采用两栏布局，用于“工作原理”和“新闻”部分。

链接和按钮上的简单 hover 状态。

链接下划线，按钮略微变暗。 · 按钮点击时有细微的缩放效果。

• button 主按钮使用纯蓝色背景和白色文字；次要链接使用蓝色文字。
• card 用于“用户/开发者/支持者”部分的简单白色卡片，带有细微边框。
• hero 大而粗的标题，配有描述性段落和醒目的行动号召按钮。

• 语气 技术性的、信息丰富的、赋能的。
• 标题风格 直接、行动导向的去中心化陈述。
• 按钮文案 清晰、可操作的动词，如“安装”和“尝试”。

• 不要使用深色模式——截图显示的是严格的浅色、白色背景界面。
• 不要使用衬线字体——截图全程使用简洁的人文主义无衬线字体。
• 不要使用厚重的渐变或阴影——设计是扁平的，并使用最小化的 elevation。
• 不要使用圆润、俏皮的形状——UI 使用细微、小的 border-radii。
• 不要让 hero 部分杂乱——截图保持了大量的留白。
• 不要使用多种强调色——截图使用单一、一致的蓝色。
• 避免: 营销术语
• 避免: 标题中过于复杂的技术解释
• 避免: 模糊的承诺