UI / UX Improvements
🌕 Moonbound Frontend UX & Content Integrity Guidelines
Moonbound is more than just a bonding curve launchpad — it's a fast-moving, first-class experience built for the degen crypto crowd. This guide outlines all key frontend UX goals, animations, and responsible content filters to ensure we scale safely and impressively to tens of thousands of users.
🔥 Visual / UX Feedback — Make Buys Feel Like Events
Purchasing a token should feel satisfying, memorable, and just a little over-the-top (in the best way):
✅ Micro-animation Flash: When someone buys a token, animate a soft box-shadow pulse around the token card. Think dopamine hit, not neon chaos.
✅ Sound Feedback: Play a soft "ding", cash register ka-ching, or rocket woosh sound. Toggleable in user settings.
✅ "Recently Graduated" Tag: Float graduated tokens to the top of the feed temporarily with a “Just Mooned 🚀” label before reverting to their original position.
✅ Confetti Mode (optional Easter egg): Trigger fun animations for milestone events like 100th buyer, whale purchase, or token graduation.
🎯 Token Card Animations — Highlight Without Clowning
Help each token stand out while maintaining a clean, premium look:
✅ Hover State: Slight lift (
transform: scale(1.03)) + soft Kaspa green glow#00FFBA✅ Live Activity Badges:
🔥
Hot= trending tokens🐳
Whale Bought= large single buyer🆕
New= listed in last 24 hours
✅ Price Update Flicker: Animate price change (green/red) with +% or -% for 1.5 seconds
🛰️ Social Proof — Degen Candy
Build excitement and community with real-time activity:
✅ Live Degen Feed (bottom/side panel):
🧠
@degen42 bought 3M $FLOOFY🐋
4K KAS into $PEPEBLAST 💥📈
$ZYNK up 324%
✅ Toggleable Filters: Let users switch between "All Activity", "My Wallet", "Top Projects", etc.
🧼 Content Safety & Moderation
Moonbound is open and permissionless — but still responsible. Here's how we balance degen freedom with trust and safety:
🖼️ NSFW Image Filter
✅ All token images pass through an automated NSFW image classifier
✅ NSFW tokens/images are hidden by default
✅ Users may opt-in via settings by confirming:
"I am over the legal age in my jurisdiction"
Checkbox + warning message
✅ Filter includes:
Nudity
Pornographic content
Gore or graphic violence
Note: NSFW flags are stored locally (not on-chain) for privacy. This lets users safely browse from public or shared devices.
🚫 Token Name & Metadata Filtering
✅ Offensive Word Filter:
Block racial slurs and hate speech in token names
Flag token names with known profanities that are not blocked automatically
Flexible ruleset updated via backend config
✅ Auto-flag + Review Queue:
Flagged tokens still deployable but their names are bleeped out with asterisks unless NSFW is turned on
Display warning badges on flagged tokens
🔐 Illegal Content Prevention
✅ Block token image uploads that contain:
Child exploitation imagery (automatically scanned and blocked)
Government watchlist or abuse pattern matches
✅ Use a decentralized, compliant gateway (e.g., IPFS pinning with pre-scan)
✅ Log and track metadata submissions for auditability
🧠 UX Extras for Degens
✅ Dark Mode Only by Default: It’s what real degens use.
✅ High Contrast Toggle: For users staring at 6 screens in a basement.
✅ Keyboard Shortcuts:
B= open Buy modalL= toggle Live FeedG= scroll to Graduated Tokens
✅ Customizable Sounds and Themes:
Let users switch to a cyberpunk, 80s arcade, or minimalist finance vibe
🔮 Coming Soon Ideas
🪙 Wallet Tags: Let users set nicknames for wallet addresses in their feed
🔥 Token Achievement Badges: Special labels for tokens that reach milestones
📣 Degen Notification Center: Optional push or Discord alerts for whales, token grads, or new volume spikes
Last updated