corporate-trust 是一套面向“信任优先型企业”的视觉风格包,隶属于 madebymustafa/design-taste 集合。其定位是让页面像一份年报:稳重、克制、每一项陈述都有依据,尤其适用于金融科技、医疗、政府等对信任与合规高度敏感的行业。资料以一份规范性文档形式给出,从配色、字体、版式、内容、动效到检查清单逐项定义,整体强调“可预期、低风险、便于采购委员会审视”。
一、用途 该风格包用于指导企业级页面设计,使产品介绍、官网、合规说明、采购与对比页面呈现出稳健可信的观感。它的目标是让页面成为目标受众眼中的“安全选择”,而不是追求视觉冲击或营销噱头。
二、主要能力(规范要点)
- 配色固定:页面用纯白 #FFFFFF,面板 #F8FAFC,悬停/内嵌 #F1F5F9;正文墨色 #0F1722、#3B4657、#5B6777;边框 #E1E7EF(1px),加强边框 #C7D0DC;唯一强调色为深蓝 #1F4FE0,仅用于每个视口一个主按钮、链接、激活态和一处强调标记,不得他用。成功/危险色仅作状态语义使用(成功 #0E7F4B、危险 #C0362C),不能当装饰。禁止渐变、硬阴影(最多极轻阴影)和深色营销头图。
- 字体固定:标题用系统无衬线字体,字重 500–600,字号 clamp(1.8rem, 3.6vw, 2.8rem),不得使用衬线体、大写标题或超大主视觉;正文用系统字体栈,15–16px、行高 1.6;标签/元信息 12–13px、字重 500、颜色 #5B6777,小写大写可选但字距 ≤ 0.04em。禁止斜体正文、营销页面小于 12px 的文字、单页超过 3 种字重。
- 版式固定:采用常规布局——左对齐头图、12 列栅格、三列或交替两列的特性区、对比表、数据表、含法律链接的完整页脚。头图结构为眉标→H1(2.2–2.8rem)→一行副标题→一个主按钮加一个次按钮→带边框的产品/指标面板。用“证据”代替装饰:灰度客户 logo、带来源说明的指标(如“基于 2025 年 2,400 家客户”)、合规文字标签(SOC 2、ISO 27001、GDPR)、带职位与公司的客户引述。表格是标志性组件:1px 边框、12px 表头左对齐、14px 行高、可选斑马纹、悬停行 #F8FAFC,定价用带边框表格优于卡片。卡片为 1px 边框、8px 圆角、悬停仅边框变深不位移;圆角统一 6–8px,胶囊仅用于状态标签。页脚包含产品/公司/资源/法律各栏、地址、版权与合规徽标。
- 内容处理:每个主张都要有修饰语或来源(如将“最佳”改为“我们品类中采用率最高(G2, 2025)”)。禁用 emoji;图标用 1.5px 描边、统一家族、20–24px,静置 #5B6777,悬停变强调色。按钮文案具体化,如“Start a trial”“Talk to sales”“Request a demo”。数字用等宽数字并精确表达(如“99.9% uptime SLA”“$29/month billed annually”)。
- 动效:几乎无动效。悬停仅改变背景/边框,120–150ms,不位移;允许一次页面顺序区块入场(200ms、6px、无错落戏剧感)或完全没有;禁止滚动动画、视差、自动轮播。
- 检查清单:如果出现无助于信任的装饰元素(人物插画、渐变光斑)、无修饰或无来源的主张、小于 12px 的文字、同一视口多个强调色或无意义颜色、标题超过约 2.8rem 或使用衬线/大写标题、缺失页脚法律链接或受监管受众页面缺少合规信号、表格对齐不当(数字应右对齐、文本左对齐)、或布局会让采购委员会皱眉,则视为不合格。
三、使用方式 资料未提供安装命令、代码示例或具体工具集成步骤,暂未提供。使用者应将其作为设计规范文档,在页面设计与评审时逐条对照上述规则与检查清单执行。
四、适用场景 适合金融科技、医疗、政府等 regulated 行业的企业官网、产品介绍页、合规与信任说明页、定价与对比页面,以及需要面向采购委员会展示的页面。
五、限制 该风格刻意克制、装饰极少,不适合强调视觉冲击、品牌个性张扬或强营销转化的场景;其规则约束较严(单强调色、字号上限、无动效等),需要设计者严格遵守,否则会偏离其“稳健可信”的核心定位。资料未提供许可、维护状态、版本或兼容性信息,暂未提供。