ArokaGO V3 — Platform Design Gallery
Static HTML demo of the V3 design system applied to every archetype page across Phase 0.α + Wedges F–J. Brand spine derived from the ArokaGO logo + DESIGN.stitch.md (color only). Direction modeled on getdesign.md / Airbnb DESIGN.md adapted for medical-tourism. Trustworthy precision — Stripe-tier dashboard meets Airbnb-tier hospitality.
Section navigator
86 archetype screens grouped by surface. Click any card.
Personas
Who uses V3, what they do, which wedges activate them, which primitives they touch, which screens to pull up. P1 (Patient), PR1–5 (Provider), A1–4 (ArokaGO). PR4 expands to 6 archetype variants.
Marketing & discovery
Home, AI search, AI deep search w/ quotation, provider profile, verification detail, articles, community, reviews-with-discussion, sign-in, onboarding, pricing.
Patient flows
Dashboard, quotations, in-context chat, deposit checkout, booking, trip itinerary, reviews submission, notifications, KYC, consent management, settings.
Provider operations
Dashboard, draft offer, verification application, ratings dashboard, settlement, refunds, storefront editor + landing + service detail, deep analytics, lead CRM, marketing automation, omnichannel inbox, subscription, ad campaigns, KYC, team.
Platform operations
Overview, verification grant queue, A4 editorial / translation / community / live moderation, sponsored auction, feature flags, cost dashboards, SLO health, service catalog, audit log, DR drill, settings.
Responsive mobile
Mobile home, provider profile, dashboard with bottom nav, chat, trip itinerary with offline state. 375px viewport in device frame.
Empty / error / legal
Empty list, 404, 503, maintenance, offline PWA, geo-blocked, account suspended, legal page (privacy, terms, cookies).
/DESIGN.md. Tokens consumed by packages/ui at runtime; AI subagents scaffold against them.Brand voltage
Surface & ink
Semantic
Spacing scale
Radii
p44 to ./states.html#s22 always works because the ID space is shared.| Prefix | File | Surface | Range in use |
|---|---|---|---|
m | marketing.html | Public · home, search, profile, articles, sign-in, onboarding, pricing, AI deep search, community, reviews | m01–m86 (38 sections) |
p | patient.html | Patient /dashboard · KYC, quotations, offers, bookings, payments, trip itinerary, settings, reviews | p10–p57, p70–p75 (38 sections) |
pr | provider.html | Provider /portal · org, team, listings, quotations, bookings, analytics, marketing tools, live broadcast, admin | pr01–pr99 (67 sections, sparse) |
a | admin.html | Operator A1/A2/A4 workspaces · governance, lending, federated learning, A4.live moderation, KYC review | a01–a95 (44 sections, sparse) |
mb | mobile.html | PWA · install, biometric, push, offline vault, wearable, in-call, financial-products quick-actions | mb01–mb17, mb40–mb43, mb70–mb73, mb88–mb92 (30 sections) |
s | states.html | Edge states grouped by wedge era · empty/error/maintenance/legal + Wedge G/H/I/J/K-specific | s10–s22, s25–s26, s40–s45, s93–s96 (24 sections) |
data-go="./other.html#anchor" for cross-file navigation, never ../other.html. Same-file navigation uses data-go="#anchor". The convention is enforced by the gallery and verified by scripts/anchor-check.py; broken anchors fail the design-review pre-commit harness.