# MERXI Mobile Platform Standard

Version 1.0 · Updated 2026-09-04

This document governs iOS and Android product surfaces. MERXI owns the visual
language; the operating system owns familiar interaction behavior.

## Shared contract

- Warm White `#FCFAF4` is the default canvas. Azure `#145BFF` is the primary
  action and selection color. Gold communicates earned value; Orange marks an
  event; Aqua marks verified Live state.
- Use the original Wave-M SVG. Never redraw it in a platform-specific icon set.
- Use Geist for Latin interface text, IBM Plex Sans Condensed for odds, scores,
  balances and probability, MiSans / MiSans TC for Chinese and Pretendard for
  Korean. All numeric figures are tabular lining figures.
- Minimum touch target is 44 × 44 px. Primary controls are 48 px high. Mobile
  gutter is 20 px; decision-group separation is 24 px; semantic label/value gap
  is 8 px. Keep one primary action in a viewport.

## iOS and Android behavior

iOS uses UIKit or SwiftUI semantics: large-title collapse, swipe-back, bottom
sheets, keyboard dismissal, safe-area insets and haptic confirmation for a
confirmed selection. Android uses Material 3 behavior: edge-to-edge content,
system bar contrast, predictive back, ripple feedback, modal bottom sheets and
keyboard insets. Do not add a second custom navigation model.

## Motion

Motion communicates causality and settles quickly. Tap feedback is 120 ms
ease-out with scale 1 → .98. Selection resolves in 180 ms ease-out. Sheets use
260 ms `cubic-bezier(.2,.8,.2,1)`. A live value update may transition once over
320 ms ease-in-out, retaining sign and timestamp. No looping glow, parallax,
roulette spin, confetti or urgency animation. Reduce Motion removes non-essential
movement and leaves a clear state change.

## Surface anatomy

Search: query → intent-matched results → state / freshness → next action.
Sports: competition → teams / score / clock → market → outcome / odds.
Prediction: question → close / resolution → probability → liquidity / action.
Games: title → category / Live state → artwork → limits / entry action.
Wallet: balance → asset → action → confirmation / transaction state.

See `/applications#platform` for the paired platform reference and motion table.
It is a design reference, not a production transaction.