←Back to Library

Design Style

Dark Mode

Dark mode is the default in crypto. Compare how products handle background tones, text contrast, accent colors, and visual hierarchy in dark environments.

31products
MetaMask screenshot
Explore Screens

MetaMask

Wallet
Card-Heavy
Phantom screenshot
Explore Screens

Phantom

Wallet
GlassmorphismGradient-Rich
Uniswap screenshot
Explore Screens

Uniswap

DeFi
MinimalGradient-RichClean / Corporate
Aave screenshot
Explore Screens

Aave

DeFi
Data DenseCard-Heavy
Trust Wallet
Explore Screens

Trust Wallet

Wallet
Card-Heavy
Rabby
Explore Screens

Rabby

Wallet
Minimal
Zerion
Explore Screens

Zerion

Wallet
GlassmorphismGradient-Rich
Safe
Explore Screens

Safe

Wallet
MinimalClean / Corporate
Ledger Live
Explore Screens

Ledger Live

Wallet
Card-HeavyClean / Corporate
Exodus
Explore Screens

Exodus

Wallet
Gradient-RichCard-Heavy
OKX Wallet
Explore Screens

OKX Wallet

Wallet
Card-Heavy
Xverse screenshot
Explore Screens

Xverse

Wallet
Gradient-RichCard-Heavy
Mempool screenshot
Explore Screens

Mempool

Analytics
Data DenseNeon Accents
Leather screenshot
Explore Screens

Leather

Wallet
MinimalCard-Heavy
Binance screenshot
Explore Screens

Binance

Exchange
Data DenseCard-Heavy
Kraken screenshot
Explore Screens

Kraken

Exchange
Data DenseNeon Accents
OKX
Explore Screens

OKX

Exchange
Data Dense
Bybit
Explore Screens

Bybit

Exchange
Data DenseNeon Accents
Crypto.com
Explore Screens

Crypto.com

Exchange
Card-HeavyGradient-Rich
Jupiter screenshot
Explore Screens

Jupiter

DeFi
Data DenseNeon Accents
Lido screenshot
Explore Screens

Lido

DeFi
MinimalGlassmorphism
Curve screenshot
Explore Screens

Curve

DeFi
Data Dense
1inch
Explore Screens

1inch

DeFi
Neon AccentsGradient-Rich
dYdX
Explore Screens

dYdX

DeFi
Data DenseNeon Accents
Hyperliquid
Explore Screens

Hyperliquid

DeFi
Data DenseMinimal
LayerSwap
Explore Screens

LayerSwap

Bridge
MinimalGlassmorphism
Wormhole
Explore Screens

Wormhole

Bridge
Gradient-RichNeon Accents
Stargate
Explore Screens

Stargate

Bridge
MinimalGlassmorphism
Blur
Explore Screens

Blur

NFT
Data DenseNeon Accents
Magic Eden
Explore Screens

Magic Eden

NFT
Card-HeavyGradient-Rich
DeBank
Explore Screens

DeBank

Analytics
Data DenseCard-Heavy

Screen examples

MetaMask — Landing page
MetaMask
MetaMask — Cookie/overlay banner
MetaMask
MetaMask — Landing page after overlay dismissed
MetaMask
Phantom — Token list view
Phantom
Uniswap — Main landing page - Swap interface with "Swap anytime, anywhere" hero
Uniswap
Uniswap — Explore page - Tokens tab with auction modal overlay
Uniswap
Uniswap — Explore page - Tokens tab with modal dismissed, showing token list
Uniswap
Aave — Landing page
Aave
Aave — Landing page — scrolled 1
Aave
Aave — Dashboard
Aave
Xverse — Landing page
Xverse
Xverse — Security
Xverse

Other design styles

GlassmorphismMinimalCard-HeavyData DenseGradient-RichNeon AccentsClean / Corporate

Get notified about dark mode design trends

We track design changes across 31 products with this style.