用途：为 Riksdagsmonitor 提供完整的用户体验与界面设计指导，确保 14 个语言版本对记者、研究者、公民、企业事务人员等不同群体都直观、可访问、有吸引力。强调 AI FIRST 质量原则：不接受初稿，最少 2 次迭代。
主要能力：
- 用户中心设计：用户研究、用户画像（调查记者、政治学者、公民、企业游说者）、用户旅程映射、迭代测试。
- 无障碍优先：遵循 WCAG 2.1 AA，包含可感知、可操作、可理解、健壮四类清单，要求对比度、键盘导航、焦点指示、跳过链接、语言声明与屏幕阅读器测试。
- 移动优先响应式：从 320px 起设计，触控目标至少 44x44px，断点使用 em 媒体查询（30/48/64/80/120em）。
- 设计系统：赛博朋克主题，青色 #00d9ff、洋红 #ff006e、黄色 #ffbe0b 配深色背景，提供颜色、字体、间距变量与仪表盘卡片、数据表格、筛选器、加载状态等组件。
- 信息架构：主导航含 Dashboards、MPs、Votes、Committees、News，以及 About 与 Resources 下的方法、数据源、API 文档、术语表等。
- 可用性测试：走廊测试、远程主持测试、A/B 测试、分析复盘，并给出任务成功率、任务耗时、SUS、NPS 等指标目标。
- 多语言：阿拉伯语、希伯来语的 RTL 支持，使用逻辑属性，图标镜像；日期、数字、货币与颜色文化差异适配。
- 性能：Core Web Vitals 目标 LCP<2.5s、FID<100ms、CLS<0.1，含图片优化示例。
使用方式：资料未提供具体安装命令或代码调用方式，仅以 CSS 变量、HTML 结构片段与媒体查询示例说明设计规范，可据此实现界面。
适用场景：政治透明与议会监督类平台的前端设计与评审、无障碍整改、多语言响应式改版。
限制：内容主要面向 Riksdagsmonitor 项目；未提供具体工具链、框架或部署步骤。最后更新 2026-02-11，由 Hack23 AB 维护。