← back to the gallery

Phantom: playful crypto-trading platform

Tier
inspiration
Roles
hero, feature, capability, proof, offer, closing, footer
Feel
light, playful, premium, minimal, depth
Motion
kinetic, wipe, pan, stack, reveal, parallax
Source
public-site
Site
https://phantom.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-09-23
Captures
frames: https://images.refero.design/styles/refero.design/video/8903f0a2-7b50-4724-a90c-4b9fffd78827.mp4
both: https://phantom.com/

What it does

A playful crypto-wallet landing page that frames trading, predictions, payments, and asset management as approachable everyday actions. Soft lavender, friendly illustration, and oversized mobile product cards make a technically complex category feel accessible without losing security proof.

Section roster

1. Utility navigation and abstract animated hero with download action. 2. Trading-tools introduction with stacked market and token cards. 3. Buy, swap, and prediction capabilities. 4. Spend, send, and save product chapter. 5. Deep-purple self-custody and security explanation. 6. Editorial cards for product education and updates. 7. Download prompt, email capture, social links, and footer.

Why it works

The abstract hero creates instant motion identity, while consistent lavender surfaces connect very different wallet tasks into one friendly system. Large phone cards reveal enough interface detail to make the product tangible, and the dark security chapter provides needed gravity. The cost is that elastic ribbons and overlapping card stacks need careful performance, focus order, and reduced-motion alternatives.

Sources

- [Refero style page](https://styles.refero.design/style/6144c3ae-fc57-4efe-b6ed-2b5eab2dc108) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/8903f0a2-7b50-4724-a90c-4b9fffd78827.mp4) supply the animated ribbons, trading cards, spend-send-save sequence, security chapter, editorial cards, and closing flow. - The live capture at https://phantom.com/ supplies the current page, responsive screenshots, and measured layout. - The live page may show a consent dialog depending on browser state; the captured library strip is unobstructed. Trust the recording for continuous hero and card choreography and the live page for current product claims.