Insight Board · Cross-border SaaS analytics

Cross-border product analytics that speaks 4 languages on day one — for teams shipping out of China, Japan, Korea, and the US.

SaaS dashboardi18n architectureStripe billingMulti-region deploy

Designs / Visuals

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

Preparing preview…

Full flow: home → list → detail → license → checkout → certPop out:V1