Pera Wallet cross-device hero

Pera Wallet cross-device hero, minimal, playful, light

Preview image. Unlock full-res

Centered Algorand wallet hero with oversized headline, dual CTAs, overlapping web and mobile mockups, and a keyword ticker bar.

Summary

A centered wallet hero leading with bold headline copy, two platform CTAs, and large overlapping browser and phone UI mockups above a branded keyword strip.

Visual description

White page with a top navbar: Pera logo left, gray nav links center (Home in purple), outlined "Pera Web" and filled purple "Download" buttons right. Hero copy is center-aligned: oversized black headline "Simply the best Algorand wallet," gray subcopy about storing and swapping on Algorand, then two rounded CTAs side by side (white outlined "Launch Pera Web" with monitor icon, solid black "Download Pera Mobile" with phone icon). Below, a wide yellow band with repeating outlined oval pattern holds overlapping product mockups: a browser window showing portfolio value and accounts left, a phone showing the same dashboard with Buy, Swap, Send, and Scan QR actions right, plus a lime-green 3D coin between them. A dark bottom ticker bar cycles capitalized keywords separated by gray blocks: SECURE, GREEN, FAST, DECENTRALIZED, OPEN-SOURCE, COMMUNITY-DRIVEN.

Key takeaway

The dual-platform CTA pair with device icons makes web vs mobile intent obvious without extra copy. Overlapping mockups on a patterned color band create depth while a single-word ticker reinforces brand values below the fold.

Reuse notes

Ideal for cross-platform consumer apps, especially wallets or finance tools with strong UI to show. Requires polished desktop and mobile screenshots. Yellow accent band adds personality but needs restraint elsewhere on the page to avoid clash.

More hero sections

See all

More like this