ThaiHao platform · v1 demo

Your friend, your guide to the China market.

THเพื่อนของคุณ ไกด์ของคุณสู่ตลาดจีน
ZH您的朋友，您通往中国市场的向导

A multi-tenant cross-border commerce platform connecting Thai SME producers with Chinese consumers through KOL and KOC live commerce. Eight surfaces. Three locales. One design language built for trust.

Start the demo View the system
D1–D10 compliant · WCAG 2.1 AA · last check 14:32 BJT

Pick a persona. See the surface.

Eight live prototypes. Click a tab to see that persona's interface load inside its device frame. Producer opens in Thai. KOL opens in Chinese. Admin opens in English. That is the i18n point.

Specimen gallery

Live preview

The kit is running inside this frame. Open full screen for the actual demo experience.

Open full screen Copied

Eleven personas, one platform

The persona universe is closed. Every screen is designed for one of these eleven — never invented variants.

Why this works

Three rules that show up everywhere — and matter at demo time.

D4

Tokens, not hex

Per-tenant theming and dark mode are token swaps. Every component reads from CSS variables, so an entire brand can re-skin in one place.

--thaihao-primary
D5 · D6

Trust before value

Every estimated monetary value carries a visible trust pill — Estimated, Provisional, Locked, Final, Disputed, Pending review — with fx context when cross-currency.

¥85,000 CNY Estimated ≈ ฿404,000 THB · 1:4.75
D7

Reason codes gate everything

Revoke, suspend, refund, override, force-unlock — every state-changing action requires a chosen reason. Submit stays disabled until then.

Reason KYC document mismatch

Five surfaces, one language

The product is not one frontend. It is five — six counting the consumer storefront — each tuned to its audience.

Producer

Thai SME owners · th-TH · mobile

KOL · KOC

Live-commerce creators · zh-CN · mobile

Admin

Platform staff · en-US · desktop

Consumer

Chinese buyers · zh-CN · mobile

Partner

Fulfillment · logistics · desktop

And three operational surfaces

C-suite

Executive read · en-US · desktop

Employee

Department-scoped · desktop

Auth flows

Multi-locale entry · mobile

For demo presenters

Three things to do before you walk a stakeholder through this.

  • Open the active surface in a new tab for full-screen demo. The embedded preview is for orientation only.
  • Night mode persists across every kit via localStorage. Set it here once and every demo screen follows.
  • Producer opens in Thai. KOL opens in Chinese. Admin opens in English. The locale is the surface — that is the i18n point, not a setting.