corporate-trust

corporate-trust

一种身份：封面是天际线与混凝土建筑的年报——人们购买它，因为它从不令人意外。

1. 配色（固定）

• 表面：页面使用纯白 #FFFFFF，面板使用 #F8FAFC，悬停／内嵌区域使用 #F1F5F9。
• 文字：#0F1722（标题、主要文字），#3B4657（正文），#5B6777（次要／弱化文字）。
• 边框：#E1E7EF（1px）。较深色：#C7D0DC。
• 强调色——仅一种：深蓝色 #1F4FE0。用于：每个视口中的一个主要按钮、链接、激活状态、一处强调标记。除此之外，不得用于其他地方。
• 成功／危险状态使用固定语义的颜色（成功绿 #0E7F4B，危险红 #C0362C）——仅用于状态，绝不用作装饰。
• 禁止渐变，禁止明显阴影（最多使用柔和的 0 1px 2px rgba(15,23,34,0.06)——通常不需要），营销页面禁止使用深色主视觉区块。

2. 字体排印（固定）

• **展示文字：**使用系统无衬线字体（平台默认字体），字重 500–600，字号 clamp(1.8rem, 3.6vw, 2.8rem)。企业风格的展示文字应沉稳、具体——用“集成”，而不是“超越”。禁止展示性衬线字体，禁止全大写标题，禁止过大的主视觉标题（硬性上限为 2.8rem）。
• **正文：**系统字体栈，15–16px，行高 1.6。说明文字使用次要文字样式。
• **标签／元数据：**12–13px，字重 500，颜色 #5B6777。可选用小型大写字母，字距 ≤ 0.04em。
• 始终禁止：斜体正文、营销页面中小于 12px 的文字、单页使用超过 3 种字重。

3. 构图（固定）

• **常规布局就是正确的：**左对齐的主视觉区、12 列网格、采用 3 列或交替 2 列行排列的功能介绍、对比表、数据表，以及包含法律链接的清晰页脚。页面应给人稳妥可靠的感觉——对这一受众来说，它确实如此。
• **主视觉区：**眉题（13px，强调色或弱化色）→ H1（2.2–2.8rem）→ 单行副标题 → 一个主要按钮 + 一个次要按钮 → 带边框的产品／指标面板。不要在主视觉区追求戏剧效果，任何主张旁边都必须有佐证。
• **用证据作为装饰：**标志（灰度处理）、带来源说明的指标展示（“基于 2025 年的 2,400 位客户”）、合规标签（SOC 2、ISO 27001、GDPR——使用文字标签，不要做成插图）、带职位 + 公司名称的客户引述。
• **表格是标志性组件：**使用 1px #E1E7EF 分隔线、左对齐的 12px 表头、14px 行文字；可选用斑马纹，悬停行使用 #F8FAFC。定价应优先使用带边框的表格，而不是定价卡片。
• 卡片：1px 边框、8px 圆角，包含标题 + 正文 + 可选页脚；悬停时加深边框，不要抬升。所有位置的圆角均为 6–8px；胶囊样式仅用于状态标签。
• 页脚应完整：产品／公司／资源／法律栏目、地址、版权信息、合规徽章。

4. 内容处理

• 每项主张都要附带限定条件或来源。“最佳”应改为“我们品类中采用率最高（G2，2025）”。
• 禁用表情符号。图标：统一使用同一套 1.5px 描边图标，尺寸 20–24px，默认颜色为 #5B6777，悬停时使用强调色。
• 按钮文案应具体：“开始试用”“联系销售”“申请演示”。
• 数字：使用等宽数字，表述精确（“99.9% 的正常运行时间 SLA”“按年计费，每月 29 美元”）。

5. 动效（实际不使用）

• 悬停状态：仅改变背景／边框，时长 120–150ms，不产生位移。
• 允许一种入场动效：按页面顺序依次显现各个区块（200ms，移动 6px，不要刻意制造错落感）——也可以完全不使用动效，这同样没问题。
• 除上述动效外，不要使用滚动动画，不要视差，不要自动播放轮播。

6. 检查清单（出现以下情况则页面不合格……）

• 存在任何无法建立信任的装饰元素（人物插图、渐变色块）。
• 存在任何没有限定条件或来源的主张。
• 存在任何小于 12px 的文字。
• 每个视口中有多于一种强调色，或存在任何没有明确含义的颜色。
• 标题超过约 2.8rem，或展示文字使用衬线字体／全大写。
• 缺少页脚法律链接，或面向受监管受众的页面缺少合规信号。
• 表格未正确对齐（数字靠右，文字靠左）。
• 布局让采购委员会看了都要眯起眼睛。