快缩短网址 · 设计语言宣言：在极简中，建立永恒的秩序

在数字洪流中，品牌不是靠喧嚣被记住的，而是靠一致性被信赖的。
“快缩短网址”（suo.run）——一个致力于让链接回归简洁本质的工具，其背后，是一套深思熟虑、高度凝练的设计语言。它不是装饰，而是基因；不是规范，而是呼吸的节奏。

---

为何需要设计语言？

对内，是效率的哲学；对外，是信任的雕塑。



当一个按钮有七种圆角、五种色调、三种交互反馈——混乱便悄然滋生。开发重复造轮，设计师疲于补丁，用户迷失在风格的迷宫里。
设计语言，是团队的共同母语。它让每一个像素都有归属，每一份创意都扎根于同一片土壤。

对外，它是一道无声的邀请：
你不需要学习新语言，就能理解我们的产品。
相同的色彩，是记忆的锚点；一致的动效，是体验的韵律；统一的留白，是呼吸的节奏。
在极简中，我们不只缩短链接，更缩短了用户与信任之间的距离。

---

设计语言的七大支柱

#### 1. 设计原则：我们的灵魂信条
我们信奉：
- 极简即力量 —— 去除一切干扰，让链接本身成为焦点。
- 透明即安全 —— 用户应一眼看清去向，无隐藏、无误导。
- 克制即优雅 —— 不用动画炫技，用精准的反馈回应意图。
- 一致性即可靠 —— 在所有端，我们以同一张面孔出现。

> 如同苹果的“直接操作”，谷歌的“材料真实”，suo.run 的设计，是“无声的确定性”。

#### 2. 色彩系统：情绪的密码
我们不追求繁复的色盘，只构建三重光谱：
- 主色 · 深空蓝 (#2563EB) —— 代表信任、效率与科技感。
- 中性灰阶 —— 从 #F9FAFB 到 #1F2937，构建呼吸的层次。
- 状态色系 —— 成功（#10B981）、警告（#F59E0B）、错误（#EF4444），克制而明确。

所有色彩，皆可追溯至主色的调和，拒绝随意添加。

#### 3. 图形语言：视觉的沉默诗人
- 图标：线性、1.5px 精准描边，无填充，无阴影，极简如刀锋。
- 插图：仅用于引导页与空状态，采用单色线描 + 微渐变，讲述“链接的旅程”，而非炫技。
- 头像：统一为 8px 圆角方形，无五官，以初始字母为身份标识，尊重隐私，强化专业感。

> 每一个图形，都经过“是否必要？”的拷问。若无功能，便无存在。

#### 4. 栅格系统：秩序的骨架
以 8px 为最小单位，构建弹性网格：
- 间距：8｜16｜24｜32｜48｜64
- 列宽：12列，响应式断点精准适配移动端至桌面端
- 边距：始终为 16px，为内容留出“视觉呼吸区”



我们不设计布局，我们定义空间的韵律。

#### 5. 字体系统：信息的呼吸节奏
- 主字体：Inter —— 无衬线、高可读、开源自由
- 字重：仅用 400（正文）、500（标题）、600（强调）
- 行高：1.5 倍，确保长链阅读不疲
- 字号：14px（移动端）、16px（桌面）为基准，拒绝“视觉膨胀”

> 字体不是装饰，是信息的载体。我们让它隐形，让内容发声。

#### 6. 阴影与层次：轻盈的深度
我们摒弃厚重的投影，仅用 1px 柔光（opacity: 4%）暗示层级。
- 按钮悬停：轻微抬升，无阴影变化
- 模态层：半透明蒙版，仅聚焦焦点

深度，不在重量，而在留白中的暗示。

#### 7. 图文关系：视觉的谦逊对话
- 文字置于图像之上？必须保证 4.5:1 对比度，并添加半透明遮罩。
- 背景图仅用于品牌页，且必须为低饱和、低信息密度的抽象纹理。
- 从不使用“文字贴图”——信息，必须可选、可复制、可搜索。

---

结语：设计语言，是长期主义的信仰

我们不追求“惊艳”，我们追求“永恒”。
一套设计语言，不是文档，而是团队的集体共识；不是工具，而是文化的基因。

在 suo.run，我们拒绝“临时方案”、“个性化定制”、“风格妥协”。
因为真正的用户体验，不在功能的堆砌，而在细节的统一中，悄然建立的安心感。



我们缩短的，是链接；
我们延长的，是信任。

—— 设计语言，是我们对“极简”最庄重的承诺。

> suo.run —— 让每一个链接，都值得被记住，而不只是被点击。