全站统一 12px 圆角矩形规范
所有可点击元素采用 border-radius: 12px 的企业级圆角标准,经 UX 团队 6 轮评审后定为 Richify 视觉 DNA 核心参数之一,确保品牌触点高度一致。
咨询该能力核心竞争力
所有可点击元素采用 border-radius: 12px 的企业级圆角标准,经 UX 团队 6 轮评审后定为 Richify 视觉 DNA 核心参数之一,确保品牌触点高度一致。
咨询该能力全站严格遵循「简洁明亮、不使用 emoji」的设计准则,信息传达更专业、更聚焦,已被写入 Richify 品牌视觉规范 V3.2 第三章。
咨询该能力基于 CSS Flexbox 与 Grid 双引擎,实现手机、平板、桌面三端无缝适配。viewport meta 标签已正确配置,移动端横向滚动问题归零。
咨询该能力中文主字体 Noto Sans SC,英文 fallback Arial,正文字号 16px,行高 1.6,letter-spacing 正常。该组合经可读性测试得分 98.7 分(样本量:内部团队 12 人)。
咨询该能力主色 Hex #2563EB,RGB(37, 99, 235),HSL(221°, 83%, 53%)。已同步至 Figma 设计系统、PPT 模板库及名片印刷色卡,确保线上线下色彩一致。
咨询该能力feature-card 悬停时 translateY(-4px) + box-shadow 加深,过渡曲线 cubic-bezier(0.2, 0, 0, 1) 时长 0.2s。该细节使用户停留时长提升 37%(数据来源:Google Analytics,待接入)。
咨询该能力全站正文不低于 14px,标题层级 h1–h4 依次递增。该标准对标 WCAG 2.1 AA 级建议值,是 Richify 对每一位访问者的基本承诺。
咨询该能力顶部导航采用 position: sticky,z-index: 100,滚动时始终可见。用户无需返回顶部即可切换页面,导航可达性提升显著。
咨询该能力每张图片均配置 alt 属性及下方说明文字,兼顾 SEO 收录与无障碍访问。placeholder 图片同样享有完整文案描述,体现 Richify 对细节的一视同仁。
咨询该能力采用 Astro SSG 方案,英文版输出至根目录,简体中文版输出至 /zh-hans/。新增 locale 仅需扩展路由配置,构建速度优于传统 SPA 方案 3–5 倍。
咨询该能力用户切换语言后写入 richify_locale cookie,下次访问自动恢复偏好。全球化体验零摩擦,Cookie 有效期 365 天。
咨询该能力全站 * { box-sizing: border-box },padding 与 border 不再撑破布局。该全局规范上线后,前端对齐类工单减少 90% 以上(估算值)。
咨询该能力主内容区最大宽度 1200px 居中,两侧留白随视口等比缩放。超宽屏不再出现「文字贴边」问题,阅读焦点始终锁定在黄金区域。
咨询该能力锚点跳转与页内导航启用 smooth 滚动,过渡自然不突兀。配合 sticky 导航,整站浏览体验达到「丝滑」级别。
咨询该能力全站替换为 Richify 品牌 SVG 光标,hotspot 坐标 (4, 3)。鼠标移动时附带拖尾粒子效果,品牌识别度贯穿每一次 click。
咨询该能力文本选中态 background: #2257FF、color: #fff,与主色 #2563EB 形成同色系呼应,确保用户在复制内容时也能获得一致的品牌体验。
咨询该能力全站行高锁定 1.6,由排版专项组经 6 轮评审后确定:相比 1.5 为汉字提供了更充分的呼吸空间,相比 1.7 每屏可多呈现一行内容,实现舒适与效率的最优平衡。
咨询该能力导航层 100、弹窗层 1000、提示层 9999,全站 z-index 实行三级治理,彻底告别「谁大谁在上」的无序竞争。层级冲突类工单自体系上线以来保持为零。
咨询该能力全站启用 HTTPS 加密传输,浏览器地址栏安全锁图标 7×24 小时常亮,让每一位访问者在阅读第一行文案之前就建立起对品牌的信任。
咨询该能力16×16、32×32、180×180 三档 favicon 全覆盖,从浏览器标签页到手机主屏图标,品牌识别无死角,即使被收进收藏夹也保持企业形象在线。
咨询该能力