Platform Guide

Complete UI walkthrough of Spray and Play

Platform Guide

Get to know the Spray and Play interface. This guide covers the three main pages of the platform.

---

Overview

Spray and Play has a streamlined, mobile-first interface with three main sections:

┌─────────────────────────────────────────────────────────────┐
│  ◆ Trenches                              [Username] 👤      │
├─────────────────────────────────────────────────────────────┤
│  [Home]    [Earn]    [Profile]                             │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│                    [Main Content Area]                      │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Navigation: Home | Earn | Profile

---

Home Page

The Home page is your main dashboard. This is where you view trenches, track positions, and spray capital.

Header Section

At the top, you'll see:

  • Platform name/logo — Click to refresh home
  • Your username — Click to open Profile

Trench Table

The main feature of the Home page — a table showing all available trenches:

┌────────────────────────────────────────────────────────────────────┐
│  LEVEL    DURATION    MULTIPLIER    STATUS     YOUR POSITION       │
├────────────────────────────────────────────────────────────────────┤
│  💚 RAPID   1 Day      1.5x         ACTIVE     Position #1234      │
│                                              $500 | 8h remaining   │
├────────────────────────────────────────────────────────────────────┤
│  ◈ MID      7 Days     1.5x         ACTIVE     —                  │
├────────────────────────────────────────────────────────────────────┤
│  ▲ DEEP     30 Days    1.5x         WAITING    Queue: #45          │
└────────────────────────────────────────────────────────────────────┘

Columns:

  • Level — Trench name (RAPID, MID, DEEP)
  • Duration — Lock period (1 day, 7 days, 30 days)
  • Multiplier — Expected return multiplier
  • Status — ACTIVE, WAITING, PAUSED, or COMPLETED
  • Your Position — Shows your active position if you have one

Global Reserve Display

Below the trench table:

Total Reserve Locked: $2,450,000
Formatted: $2.45M

This shows the total value locked across all trenches.

How to Spray

1. Click on a trench row (RAPID, MID, or DEEP)

2. SprayModal opens with the trench pre-selected

3. Enter amount from your available balance

4. Review details — Target return, commitment period, payout destination

5. Click Confirm — No gas fees (spraying is gasless from platform balance)

Your Positions Section

If you have active positions, they appear below the trench table:

Your Active Positions
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

RAPID #1234
$500 sprayed | 1.5x multiplier
🔒 Locked (8 hours remaining)
Expected payout: $750
Auto-payout to: 0x742d...eB4

[MORE DETAILS]

Each position shows:

  • Position ID and trench level
  • Amount sprayed and multiplier
  • Lock status and time remaining
  • Expected payout amount
  • Withdrawal wallet address (payout destination)

Pull to Refresh (Mobile)

On mobile devices, pull down on the Home page to refresh:

  • Updates trench data
  • Updates your positions
  • Updates reserve stats
  • Haptic feedback on completion

---

Earn Page

The Earn page is where you complete tasks, participate in raids, and create content to earn Boost Points and Belief Score.

Belief Score Header

At the top of the Earn page:

┌─────────────────────────────────────────┐
│  ⭐⭐⭐⭐⭐                              │
│  "Trusted Sprayer"                      │
│  450 / 1,000 BP to next level           │
│  [=================>    ] 45%           │
│                                         │
│  Belief Score: 2,340                    │
└─────────────────────────────────────────┘

Shows:

  • Your current tier (1-5 stars)
  • Tier name (Rookie, Sprayer, Trusted, Elite, Legend)
  • Boost Points progress to next tier
  • Total Belief Score

Tab Navigation

Three tabs at the top:

  • [Tasks] — Complete missions to earn Boost Points
  • [Raids] — Participate in social media campaigns
  • [Content] — Create content and earn rewards

Tasks Tab

┌─────────────────────────────────────────┐
│  🐦 Follow on Twitter                   │
│  Follow @playtrenches on Twitter        │
│                                         │
│  Reward: 25 BP                          │
│  [Start Task]                           │
└─────────────────────────────────────────┘

┌─────────────────────────────────────────┐
│  📱 Join Telegram                       │
│  Join our Telegram announcements        │
│                                         │
│  Reward: 25 BP                          │
│  [Start Task]                           │
└─────────────────────────────────────────┘

Task Types:

  • One-time tasks — Complete once for a reward
  • Recurring tasks — Daily check-ins, weekly missions
  • Social tasks — Twitter follows, Discord joins
  • On-chain tasks — Referrals, deposits

Click "Start Task" to begin, follow the instructions, then mark as complete.

Raids Tab

┌─────────────────────────────────────────┐
│  🚀 Launch Day Raid                     │
│  Platform: Twitter                      │
│  Like, retweet, and comment on the      │
│  announcement post                      │
│                                         │
│  Reward: 50 BP                          │
│  Expires: 2 hours                       │
│  [Join Raid]                            │
└─────────────────────────────────────────┘

Raids are time-limited social campaigns. Join before they expire!

Content Tab

┌─────────────────────────────────────────┐
│  🎥 TikTok Creator                      │
│  Create a TikTok about Spray and Play   │
│                                         │
│  Rate: $5 per 1,000 views               │
│  [Submit Content]                       │
└─────────────────────────────────────────┘

Create content, submit the URL, and earn based on views/engagement.

How Tasks Work

1. Browse available tasks/raids/content campaigns

2. Click to start — Some open external links

3. Complete the action — Follow, retweet, create, etc.

4. Mark complete — Click "Complete" in the app

5. Earn rewards — BP and Belief Score added instantly

---

Profile Page

Access your Profile by clicking your username in the top right. The Profile has three tabs:

Tab Navigation

[Overview] | [Portfolio] | [Deposit]

Overview Tab

Your account summary and stats:

Account Info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
👤 @your_username
[Edit] [Logout]

EVM Address:     0x742d...eB4 [📋]
Solana Address:  Not configured [⚠️]

Your Stats
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚡ Total Boost Points:    450
◆ Total Belief Score:    2,340
✓ Tasks Completed:       12

Referral Code: TRENCH-KING
[📋 Copy]

Achievements
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[🎯] [🔥] [⭐] [💎] [👑]

Quick Actions
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[Deposit]  [Portfolio]  [Home]  [Earn]

Security
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Your withdrawal addresses control where 
payouts are sent. Verify they are correct.
✓ Verify addresses  ✓ Use secure wallets

Sections:

  • Account Info — Username, logout option
  • Withdrawal Addresses — EVM and Solana addresses (CRITICAL!)
  • Stats Dashboard — Boost Points, Belief Score, tasks completed
  • Referral Code — Your unique referral code
  • Achievements — Badges earned
  • Quick Actions — Shortcuts to other pages
  • Security Note — Reminder about withdrawal wallet importance

Portfolio Tab

View all your positions and history:

Active Positions
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

RAPID #1234
$500 | 1.5x multiplier
🔒 Locked (8 hours left)
Expected: $750
Payout to: 0x742d...eB4

DEEP #1235
$2,000 | 1.5x multiplier
🔒 Locked (28 days left)
Expected: $3,000
Payout to: 0x742d...eB4

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Position History
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

COMPLETED — RAPID #1230
$100 → $150 | 1.5x
Paid to: 0x742d...eB4
Tx: 0x3f4a...9b2c

Shows:

  • Active positions with lock timers
  • Position history with payout status
  • Transaction hashes for verification

Deposit Tab

Get deposit addresses and view deposit history:

Deposit Funds
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 1: Select Coin
[USDC ▼]

Step 2: Select Network  
[Base ▼]

Your Deposit Address (Base)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb4

[📋 Copy Address]  [View on Explorer]

[QR CODE]
Scan with mobile wallet

⚠️ Only send USDC on Base to this address.
   Sending other assets will result in loss.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Deposit History
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✓ 500 USDC on Base — Confirmed
  2 hours ago

⏳ 1,000 USDT on Ethereum — Confirming (8/12)
  5 minutes ago

Features:

  • Select coin and network
  • Copy deposit address
  • View QR code for mobile
  • See pending and completed deposits
  • Track confirmation progress

---

Key UI Patterns

Buttons

ButtonAction
SprayOpens spray modal for selected trench
ConfirmConfirms spray or action
Start TaskBegins a task or raid
CopyCopies address or code to clipboard
View on ExplorerOpens blockchain explorer

Status Indicators

IconMeaning
🔒Position locked (earning)
Task completed / deposit confirmed
Pending (confirmations in progress)
⚠️Warning (no withdrawal wallet set)
💚RAPID trench (green)
MID trench (gray)
DEEP trench (amber)

Colors

ColorUsage
#00FF66 (Acid Green)Primary actions, highlights, spray button
Dark backgroundMain app background (#060606)
White textPrimary text
Gray textSecondary text, labels
GreenSuccess states, RAPID trench
AmberWarnings, DEEP trench
RedErrors, critical warnings

---

Mobile Experience

Spray and Play is designed mobile-first:

Mobile Navigation

  • Bottom tab bar: Home | Earn | Profile
  • Swipe between tabs (on some screens)
  • Pull-to-refresh on Home page

Mobile-Specific Features

  • QR Codes — Scan to deposit from mobile wallets
  • Haptic Feedback — Vibration on key actions
  • Touch-Optimized — Large tap targets (44px minimum)

Recommended Mobile Setup

1. Sign up on desktop or mobile browser

2. Set withdrawal wallet (copy address from desktop wallet if needed)

3. Use Phantom or MetaMask mobile for deposits

4. Enable notifications for payout alerts

---

Getting Help

In the App

  • Profile → Overview — Account stats and quick links
  • FAQ — This documentation
  • Discord — Real-time community help

Common Issues

IssueWhere to Find Help
Deposit not showingProfile → Deposit (check confirmations)
Can't sprayCheck minimums, check balance
Payout not receivedProfile → Overview (verify withdrawal address)
Task not completingEnsure you followed all steps

---

Pro Tips

1. Set withdrawal wallet FIRST — Before depositing or spraying

2. Test with RAPID — Small amount, quick feedback

3. Use L2 networks — Base/Arbitrum for cheaper deposits

4. Check Portfolio tab — Track all positions in one place

5. Enable notifications — Don't miss payout alerts

6. Complete tasks daily — Build Boost Points for faster unlocks

---

Now you know your way around! Ready to start? Head to Home and make your first spray! 💦