SaaS · 数据分析·2026
Insight Board · 跨境 SaaS 数据分析
第一天就支持 4 语的跨境产品分析 — 服务中、日、韩、美四地团队的 SaaS 仪表盘
SaaS 仪表盘i18n 架构Stripe 计费多区域部署
设计稿 · 视觉
V1 · Multilingual Analytics Dashboard
A SaaS analytics dashboard with the language switcher up front in the header rather than buried in settings. 4 locales (zh / ja / ko / en) all live; the active locale persists per-iframe via localStorage and updates `<html lang>` so CJK glyphs pick the right Noto Sans family. Tabbed view: Overview · Funnel · Revenue · Cohort. Numbers use Intl.NumberFormat for locale-correct thousand separators, every label / KPI pill / cohort header swaps in under 100ms on click. This demo is the engine reference for every multilingual case we build after.
- Palette
- Slate #0F172A · Cyan #22D3EE · Lime #A3E635 · Amber #FBBF24 · Rose #FB7185
- Fonts
- Inter (UI) + JetBrains Mono (numbers) + Noto Sans SC/JP/KR (CJK fallback)
- Architecture
- React 18 UMD + Babel standalone · single-file SPA · static MinIO host
- For
- Cross-border SaaS teams shipping out of multiple markets simultaneously
- Memorable
- Top-right pill switches all labels in <100ms · cohort heatmap dimming via opacity
准备加载预览…
☞ 完整流程：首页 → 列表 → 详情 → 选授权 → 支付 → 证书在新窗口打开：V1