Screens
Each page renders one screen at an exact size for screenshots: desktop 1440 × 900, mobile 390 × 844. Add ?theme=dark to any of them for the dark theme. Back to the case study
| Screen | Shows | Desktop | Mobile |
|---|---|---|---|
| 1 Receipt | Status, what you gave and got, the cost | 1440 · dark | 390 · dark |
| 2 Ledger | Where the money went: sale value, the decoded 1.25% pool fee, Jupiter and network fees, rent note (desktop opens both fee splits) | 1440 · dark | 390 · dark |
| 3 Route, Simple | Wallet to Jupiter to Pump.fun AMM to wallet, amounts on the line, fee branch | 1440 | 390 |
| 3 Route, Detailed | All 7 movements, balance sum, rent footnote | 1440 | 390 |
| 4 Exact value | Exact amount popover (desktop) and bottom sheet (mobile) | 1440 | 390 |
| 4 Plain words | Glossary popover in Technical details; mobile glossary sheet | 1440 | 390 |
| 4 Technical details | Signature, block, signer, status, compute, version | in the rail on every desktop screen | 390 |
| State: visitor | Someone else’s swap: “This wallet” instead of “you” | 1440 | 390 |
| State: failed | Example: not moved, still paid the network fee | 1440 | 390 |
| System | Type, colour, number rules, status, plain words, spacing | 1440 · dark |
Concept redesign by Swiftbot (github.com/swiftbotlab). Not affiliated with Solscan.