Crypto exchange landing page with pastel token cards

Summary

Cryptocurrency landing page offering aggregated DEX trading, with search bar, bold headline, primary CTA button, and an 8-tile token grid in pastel backgrounds displaying asset price and daily change.

Visual description

Clean white background. Top-right navigation bar with Home, Funds, and menu icons. Center-aligned hero section with purple pill-shaped app icon logo, "Trade all DEXs at once" headline in large black sans-serif, sub-copy "Matcha finds you the best prices across exchanges and combines them into one trade," and a navy rounded CTA button with arrow ("Start trading"). Below, a search bar with placeholder text. Token grid displays eight equally-sized square cards, each with pastel background (light blue, cream, light pink, light purple), large centered crypto asset icon (dumbbell for ETH, binance logo for BNB, polygon for MATIC, etc.), price in dark text below icon, and percentage change indicator. A "+ Add Token" card appears as the eighth item. Light gray footer text ("Buy crypto with credit or debit card") visible above grid. Ample whitespace throughout. All iconography uses a consistent visual language with minimal line weight.

Key takeaway

Pastel token cards create personality and visual distinction without sacrificing approachability. The 2x4 grid layout is compact yet scannable, allowing at-a-glance price comparison. The prominent CTA button with arrow creates clear conversion intent. Search bar before the grid suggests discovery. Token icons large and centered make asset recognition immediate.

Reuse notes

Excellent for fintech and crypto landing pages showcasing multiple assets or trading pairs. The pastel palette with white space conveys trustworthiness without sterility. Works well for DeFi, DEX, and exchange platforms. The grid layout adapts to 3-5 columns on larger viewports. Pair with real price data feeds. The "+ Add Token" pattern supports user customization and personalization.