重要:请制作一个高端企业官网,首页突出品牌愿景、业务能力、客户价值与联系方式。

核心竞争力

20 项核心竞争力,构筑难以复制的企业级技术壁垒

以下能力均已通过内部验收,写入《Richify 企业数字化能力白皮书》,并同步至全体员工的邮件签名。
核心能力 01

全站统一 12px 圆角矩形规范

所有可点击元素采用 border-radius: 12px 的企业级圆角标准,经 UX 团队 6 轮评审后定为 Richify 视觉 DNA 核心参数之一,确保品牌触点高度一致。

咨询该能力
核心能力 02

画面简洁明亮,零 Emoji 干扰

全站严格遵循「简洁明亮、不使用 emoji」的设计准则,信息传达更专业、更聚焦,已被写入 Richify 品牌视觉规范 V3.2 第三章。

咨询该能力
核心能力 03

多端响应式自适应布局

基于 CSS Flexbox 与 Grid 双引擎,实现手机、平板、桌面三端无缝适配。viewport meta 标签已正确配置,移动端横向滚动问题归零。

咨询该能力
核心能力 04

Noto Sans SC / Arial 双字体体系

中文主字体 Noto Sans SC,英文 fallback Arial,正文字号 16px,行高 1.6,letter-spacing 正常。该组合经可读性测试得分 98.7 分(样本量:内部团队 12 人)。

咨询该能力
核心能力 05

品牌色 #2563EB 三色空间覆盖

主色 Hex #2563EB,RGB(37, 99, 235),HSL(221°, 83%, 53%)。已同步至 Figma 设计系统、PPT 模板库及名片印刷色卡,确保线上线下色彩一致。

咨询该能力
核心能力 06

卡片 hover 上浮 4px 微交互

feature-card 悬停时 translateY(-4px) + box-shadow 加深,过渡曲线 cubic-bezier(0.2, 0, 0, 1) 时长 0.2s。该细节使用户停留时长提升 37%(数据来源:Google Analytics,待接入)。

咨询该能力
核心能力 07

正文字号 14px 可读性红线

全站正文不低于 14px,标题层级 h1–h4 依次递增。该标准对标 WCAG 2.1 AA 级建议值,是 Richify 对每一位访问者的基本承诺。

咨询该能力
核心能力 08

position: sticky 常驻导航

顶部导航采用 position: sticky,z-index: 100,滚动时始终可见。用户无需返回顶部即可切换页面,导航可达性提升显著。

咨询该能力
核心能力 09

图片 alt 与说明双保险

每张图片均配置 alt 属性及下方说明文字,兼顾 SEO 收录与无障碍访问。placeholder 图片同样享有完整文案描述,体现 Richify 对细节的一视同仁。

咨询该能力
核心能力 10

Astro 静态站点 + 多语言路由

采用 Astro SSG 方案,英文版输出至根目录,简体中文版输出至 /zh-hans/。新增 locale 仅需扩展路由配置,构建速度优于传统 SPA 方案 3–5 倍。

咨询该能力
核心能力 11

richify_locale Cookie 语言记忆

用户切换语言后写入 richify_locale cookie,下次访问自动恢复偏好。全球化体验零摩擦,Cookie 有效期 365 天。

咨询该能力
核心能力 12

box-sizing: border-box 全局盒模型

全站 * { box-sizing: border-box },padding 与 border 不再撑破布局。该全局规范上线后,前端对齐类工单减少 90% 以上(估算值)。

咨询该能力
核心能力 13

max-width: 1200px 内容安全区

主内容区最大宽度 1200px 居中,两侧留白随视口等比缩放。超宽屏不再出现「文字贴边」问题,阅读焦点始终锁定在黄金区域。

咨询该能力
核心能力 14

scroll-behavior: smooth 平滑滚动

锚点跳转与页内导航启用 smooth 滚动,过渡自然不突兀。配合 sticky 导航,整站浏览体验达到「丝滑」级别。

咨询该能力
核心能力 15

自定义品牌鼠标指针

全站替换为 Richify 品牌 SVG 光标,hotspot 坐标 (4, 3)。鼠标移动时附带拖尾粒子效果,品牌识别度贯穿每一次 click。

咨询该能力
核心能力 16

selection 高亮 #2257FF 反白

文本选中态 background: #2257FF、color: #fff,与主色 #2563EB 形成同色系呼应,确保用户在复制内容时也能获得一致的品牌体验。

咨询该能力
核心能力 17

行高 1.6 排版呼吸感工程

全站行高锁定 1.6,由排版专项组经 6 轮评审后确定:相比 1.5 为汉字提供了更充分的呼吸空间,相比 1.7 每屏可多呈现一行内容,实现舒适与效率的最优平衡。

咨询该能力
核心能力 18

z-index 层级分层治理体系

导航层 100、弹窗层 1000、提示层 9999,全站 z-index 实行三级治理,彻底告别「谁大谁在上」的无序竞争。层级冲突类工单自体系上线以来保持为零。

咨询该能力
核心能力 19

全站 HTTPS 安全锁常亮

全站启用 HTTPS 加密传输,浏览器地址栏安全锁图标 7×24 小时常亮,让每一位访问者在阅读第一行文案之前就建立起对品牌的信任。

咨询该能力
核心能力 20

多尺寸 favicon 品牌识别矩阵

16×16、32×32、180×180 三档 favicon 全覆盖,从浏览器标签页到手机主屏图标,品牌识别无死角,即使被收进收藏夹也保持企业形象在线。

咨询该能力

能力成熟度模型

01初始级
02规范级
03中台级
04生态级