Uniswap

Reference it for

• Single-accent discipline: reserve one loud colour (magenta #ff37c7) exclusively for interactive/brand signals (Connect pill, primary CTA text, links) and keep everything else ink #131313 on white #ffffff so the accent never gets diluted
• Centred product-terminal hero: a compact swap card (~460px, 20px radius) floating dead-centre under an oversized display headline, doing the work of a hero image
• Near-invisible elevation: separate the card from the page with an almost-zero shadow (0 0 10px rgba(19,19,19,0.003)) instead of a heavy drop shadow, letting the white surface breathe
• Drifting soft-focus colour orbs as ambient background: blurred multi-hue circles (violet, cyan, mint, coral, orange) scattered at low density to add life to an otherwise colourless page without competing with the UI
• Confident tight display type: a near-black headline at ~52-64px with negative tracking (Basel or a similar grotesque), set against generous whitespace
• The unusual 485 body weight: sit UI copy between regular and medium for a subtly compressed, modern read across labels and controls
• Rounded compact component language: 20px on cards, 12-16px on buttons, full-pill (999999px) on token selectors and the nav Connect button
• Muted grey text ramp for supporting copy: steel #6a6a6a for the subline under the widget, keeping hierarchy clean without extra colour

Do not copy

• The Uniswap unicorn logo and wordmark
• The exact magenta #ff37c7 as your brand colour (it reads as Uniswap on sight)
• The token-blob orbs literally standing in for real crypto tokens (a Uniswap-specific motif)
• The Sell/Buy swap-widget layout and DeFi command-center framing, it is app-specific and only fits a trading product
• Crypto-native copy ("Swap anytime, anywhere", network name-drops like Ethereum/Unichain/Base)
• The Basel custom display face (proprietary Uniswap type), substitute a neutral grotesque
• The Connect wallet pattern in the nav