A multichain crypto wallet for NFTs and DeFi. Fits crypto wallets, Web3 products, NFT-marketplace tools, and DeFi-app landing page designs.
Design tokens
19 colors · 11 type stylesSoft indigo (#ab9ff2) primary on a cream (#fffdf8) canvas, set in Phantom throughout. The highlights below are read from the Phantom DESIGN.md in the Pass bundle, which carries all 19 color tokens, 11 type styles and the full component rules.
Colors
- Primarysoft indigo
#ab9ff2 - Secondarydeep indigo
#3c315b - Canvascream
#fffdf8 - Surfacepure white
#fdfcfe - Inknear-black
#1c1c1c
Type
- PhantomDisplayweights 350, 600, 36 to 96px
- PhantomBodyweights 350, 600, 15 to 20px
Radius
- xs 2px
- sm 8px
- md 12px
- lg 24px
- xl 32px
- pill 96px
- nav 100px
- full 9999px
Spacing
- xxs 2px
- xs 4px
- sm 8px
- md 12px
- lg 16px
- xl 24px
- xxl 32px
- section 48px
Components
- Primary button
button-primaryPrimary buttons fill with soft indigo (#ab9ff2) and carry deep indigo (#3c315b) text, set in Phantom 14px at weight 600, with 32px corners and 16px 32px padding.
- Card
feature-cardCards sit on pure white (#fdfcfe), with 24px corners.
- Navigation
nav-barThe top navigation runs on cream (#fffdf8) with deep indigo (#3c315b) links, set in Phantom 14px at weight 600, in a 64px bar.
Three ways to ship a Phantom-style UI.
Use in your AI builder, no-code tool, or CMS
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Not affiliated with Phantom. All trademarks belong to their respective owners.
Related designs
