spb/sp-wallet

1# V9 design pass — before / after23Every screen was captured before and after, phone (390 × 844 at 3×, stored 600 px wide) and desktop (1440 × 900), light4and dark, in French: `docs/v9/screens/before/` and `docs/v9/screens/after/`, named `<screen>-<phone|desktop>-<light|dark>.webp`5(`-full` = the whole page on a phone). The logo sheets are in `docs/v9/logo-wall/`. The system is described in `DESIGN.md`.67How the pictures were made (`tests/e2e/v9-shots.mts`): the wallet is the throwaway one of the local QA stack8(`tests/e2e/qa-real-server.mts`: in-memory seed, broadcast off, local forks for balances). "Before" is the bundle of `main`9on 2026-11-11. For "after", Swap, Agents, Futures, Alerts, Monitor, Research and the lock screen come from the live stack;10Home, Assets, Asset, Receive, Send, Activity, Settings and Security were re-captured with the API replayed from answers11recorded on that stack earlier the same day (`V9_REPLAY=1`), because the public RPC behind the local forks stopped12answering balance reads in the evening. `send-review` is from the live stack, taken before the last cosmetic changes.1314## Phone, light1516| Screen | Before | After |17|---|---|---|18| Home | ![](screens/before/home-phone-light.webp) | ![](screens/after/home-phone-light.webp) |19| All assets | ![](screens/before/assets-phone-light.webp) | ![](screens/after/assets-phone-light.webp) |20| Asset (ETH on Base) | ![](screens/before/asset-eth-phone-light.webp) | ![](screens/after/asset-eth-phone-light.webp) |21| Receive | ![](screens/before/receive-phone-light.webp) | ![](screens/after/receive-phone-light.webp) |22| Send | ![](screens/before/send-phone-light.webp) | ![](screens/after/send-phone-light.webp) |23| Send — review | ![](screens/before/send-review-phone-light.webp) | ![](screens/after/send-review-phone-light.webp) |24| Activity | ![](screens/before/activity-phone-light.webp) | ![](screens/after/activity-phone-light.webp) |25| Swap with quotes | ![](screens/before/swap-quote-phone-light.webp) | ![](screens/after/swap-quote-phone-light.webp) |26| Agents | ![](screens/before/agents-phone-light.webp) | ![](screens/after/agents-phone-light.webp) |27| Futures terminal | ![](screens/before/futures-phone-light.webp) | ![](screens/after/futures-phone-light.webp) |28| Settings | ![](screens/before/settings-phone-light.webp) | ![](screens/after/settings-phone-light.webp) |29| Lock screen | ![](screens/before/gate-phone-light.webp) | ![](screens/after/gate-phone-light.webp) |3031## Phone, dark3233| Screen | Before | After |34|---|---|---|35| Home | ![](screens/before/home-phone-dark.webp) | ![](screens/after/home-phone-dark.webp) |36| All assets | ![](screens/before/assets-phone-dark.webp) | ![](screens/after/assets-phone-dark.webp) |37| Asset (USDC on Base) | ![](screens/before/asset-usdc-phone-dark.webp) | ![](screens/after/asset-usdc-phone-dark.webp) |38| Receive | ![](screens/before/receive-phone-dark.webp) | ![](screens/after/receive-phone-dark.webp) |39| Send — review | ![](screens/before/send-review-phone-dark.webp) | ![](screens/after/send-review-phone-dark.webp) |40| Security | ![](screens/before/security-phone-dark.webp) | ![](screens/after/security-phone-dark.webp) |41| Futures terminal | ![](screens/before/futures-phone-dark.webp) | ![](screens/after/futures-phone-dark.webp) |4243## Desktop4445| Screen | Before | After |46|---|---|---|47| Home, light | ![](screens/before/home-desktop-light.webp) | ![](screens/after/home-desktop-light.webp) |48| Home, dark | ![](screens/before/home-desktop-dark.webp) | ![](screens/after/home-desktop-dark.webp) |49| All assets, light | ![](screens/before/assets-desktop-light.webp) | ![](screens/after/assets-desktop-light.webp) |50| Swap with quotes, light | ![](screens/before/swap-quote-desktop-light.webp) | ![](screens/after/swap-quote-desktop-light.webp) |51| Futures terminal, dark | ![](screens/before/futures-desktop-dark.webp) | ![](screens/after/futures-desktop-dark.webp) |52| Futures — compare, light | ![](screens/before/futures-compare-desktop-light.webp) | ![](screens/after/futures-compare-desktop-light.webp) |5354## Logos5556| Phone, light | Phone, dark |57|---|---|58| ![](logo-wall/wall-phone-light.webp) | ![](logo-wall/wall-phone-dark.webp) |5960Desktop sheets: `logo-wall/wall-desktop-light.webp`, `logo-wall/wall-desktop-dark.webp`.61