UI / UX

Mockup index

PNG and HTML pairs, designed at 400×800 (2×). These are the visual source for v0.4.0. Build against the current folders; skip anything marked superseded.

Design system: compact native-mobile side panel, bottom tabs (Pools, Radar, Copy, Wallets, More). Type scale 17 / 13 / 15 / 11 / 10 px, max weight 600. Single accent #ff8649. Green and red only for PnL. Circular logos, fewer borders, soft borderless badges. Times in UTC+7.

Current alerts

PRD 4.5 New pool alerts — current.

a1-radar-new.png

a2-alert-filters.png

a3-telegram-alert.png

Current bin-step

Bin step and fee display, pool detail, filters — current.

bs01-pools-list.png

bs02-pools-filter-sheet.png

bs03-pools-filtered.png

bs04-pool-detail-dlmm-full.png

bs04-pool-detail-dlmm.png

bs05-pool-detail-damm-v2.png

bs06-open-position-full.png

bs06-open-position.png

bs07-positions-list.png

bs08-position-detail-full.png

bs08-position-detail.png

bs08b-position-detail-out-of-range.png

bs09-wallet-profile-positions.png

bs10-copy-open-copies.png

bs11-radar-smart-lp-hot-pools.png

Current (root)

Top-level tab frames: Pools, Radar, Feed, Wallets, Calculator, and the product overview.

poolscout-overview.png

Current copy

v0.3 baseline screens. Onboarding seed/PIN frames inside copy/onboarding are obsolete.

Current create-pool

PRD 4.1 Create pool flow — current.

0-entry-pools.png

b0b-invalid-mint.png

c-dlmm-settings.png

d-damm-settings.png

e-liquidity.png

Current demo

PRD 4.12 Demo mode — current.

d1-welcome-try-demo.png

d2-demo-settings.png

d3-copy-demo.png

d4-demo-portfolio.png

d5-reset-demo.png

Superseded pnl-card

Superseded v1, includes excluded Story format. Do not build from this folder.

a1-position-dark-square.png · superseded

a2-position-gradient-square.png · superseded

a3-position-light-square.png · superseded

a4-position-dark-story.png · superseded

a4g-position-gradient-story.png · superseded

a5-position-gradient-xpost.png · superseded

a6-position-percent-only-light-xpost.png · superseded

a7-position-wallet-shown-dark.png · superseded

b1-month-dark-square.png · superseded

b2-month-light-square.png · superseded

c1-day-dark-square.png · superseded

d1-loss-dark-square.png · superseded

d2-loss-light-square.png · superseded

d3-loss-gradient-story.png · superseded

e1-entry-open-position.png · superseded

e2-entry-closed-position.png · superseded

e3-entry-my-pnl-month.png · superseded

e4-entry-calendar-day.png · superseded

overview.png · superseded

s1-share-sheet-dark-square.png · superseded

s2-share-sheet-gradient-story.png · superseded

s3-share-sheet-percent-only-light-x.png · superseded

s4-share-sheet-loss-auto-muted.png · superseded

s5-share-to-x-copied.png · superseded

s6-share-sheet-month.png · superseded

Current pnl-card-v2

PRD 4.13 Share cards — current (Landscape 1600×900 and Square 1080×1080 only).

l1-profit-slabs-landscape.png

l2-profit-bins-landscape.png

l3-profit-rings-landscape.png

l4-loss-slabs-landscape.png

l5-profit-plain-percent-only-landscape.png

l6-profit-bins-fees-no-referral-landscape.png

l7-loss-bins-percent-only-landscape.png

s1-profit-slabs-square.png

s2-profit-bins-square.png

s3-profit-rings-square.png

s4-loss-rings-square.png

v1-share-sheet-landscape.png

v2-customize-background.png

v3-customize-columns-details.png

v4-customize-loss-square.png

v5-share-to-x-with-referral.png

Current positions

PRD 4.9 Open positions — current.

p1-positions-list.png

p2-detail-in-range-full.png

p2-detail-in-range.png

p3-detail-out-of-range-full.png

p3-detail-out-of-range.png

p4-close-sheet.png

p5-add-liquidity-sheet.png

p6a-claim-confirm.png

p6b-claim-success-toast.png

Current ref

Visual reference only.

fomoscan-ref.png

Current referral

PRD 4.14 Referral UI (sample rates only; rewards are gated).

r1-referral-home-full.png

r1-referral-home.png

r2-referral-friends.png

r3-reward-history.png

r4-claim-sheet.png

r5a-enter-code-applied.png

r5b-enter-code-own-code.png

Current safety

PRD 4.4 Token safety — current.

s1-pools-safety-chip.png

s2-open-position-safe.png

s3-safety-sheet-safe.png

s4-safety-sheet-risky.png

s5-open-position-risky.png

s6-copy-settings-skip-risky.png

Current wallet-tracker

PRD 4.6 Wallet Tracker — current.

h-tracked-list.png

h2-leaderboard-star.png

i-add-wallet.png

i2-add-duplicate.png

i3-add-invalid.png

j-edit-wallet.png

k-tracked-profile.png