# MERXI Web UI Standard · v2.6

2026-09-10 · 网页 UI 与国际化实施标准

## 统一组件，各品牌保留身份
所有网页项目默认使用 shadcn/ui。优先复用项目已安装的 components/ui 组件，不为普通按钮、菜单、弹窗或输入框另建重复实现。MERXI 使用 Base Nova / Base UI。原生 App，以及明确指定的特殊组件，按独立要求实施。

品牌主色、原始 Logo、字体和基本设计系统由各项目决定；共享组件通过语义 token 适配，不能把所有品牌统一成同一种视觉。MERXI 的 primary 为 Azure #145BFF，背景 Cloud #FCFAF4，正文 Ink #10233D；简体中文使用 MiSans，拉丁文字使用 Geist，数据专用 IBM Plex Sans Condensed。Aqua 仅用于经过验证的实时状态。

## 组件标准
导航使用 NavigationMenu，移动端使用 Sheet，搜索使用 Dialog + Command。按钮、输入框、开关、标签页与基础表格复用 Button、Input、Switch、Tabs、Table。图表、品牌标识和传播插画保留领域或品牌专用实现。组件保留语义角色、键盘操作、焦点管理、可见焦点及关闭后焦点恢复。主要触控目标至少 44px。

## 国际化与 SEO
next-intl 管理界面消息；i18n/documents.ts 维护双语章节内容。英文保留原地址，简体中文使用 /zh-cn 前缀。语言切换保留章节、查询参数与锚点，不强制跳回首页。SSR 输出正确 html lang；页面生成独立标题、描述、canonical、hreflang、Open Graph 和结构化数据；sitemap 同时覆盖两个语言版本。新增章节须同时补齐两种语言。

## 验收
检查 320、360、390、430、768、1440px 与 200% 放大；验证导航、搜索、语言切换、字体、资源下载和正式域名。原生 App 不套用网页 shadcn 组件。