DeFi Interface Design

Token Swap

• Input token selector with balance shown
• Output token selector with estimated amount
• Price impact warning (yellow >1%, red >5%)
• Slippage tolerance setting
• Route visualization (which pools/paths)
• Review details before confirmation
• Transaction simulation (preview outcome)

Liquidity Pools

• Pool pair with logos and names
• TVL (Total Value Locked) displayed
• APR/APY clearly differentiated
• Your position: value, share, earned fees
• Add/Remove liquidity as balanced pair
• Impermanent loss calculator or warning