Family
family.co/
Family is a self-custody Ethereum wallet for iOS, supporting mainnet plus Optimism, Base, Arbitrum, and Polygon, with features like WalletConnect dApp access, watch-only monitoring, and human-readable transaction history. Its headline reads "Your favorite crypto wallet," paired with a "Watch the Video" CTA alongside the App Store link, which is less common than a plain download button. The homepage is organized around four repeated one-word value pillars — Easy, Secure, Fast, Powerful — each with its own short claim, and cites a third-party security audit by Zellic by name as its central trust signal rather than a generic "audited" badge, alongside testimonials that focus specifically on interface and interaction quality.
- Category
- Finance & Commerce
- Style
- LightColorful
- Stack
- Next.js
- Fonts
- FamilyInter
- Palette
- Meta title
- Family
- Sections
- 4
- Updated
Family's landing page, section by section
Each section below is cropped straight from Family's live page — useful references for finance & commerce landing page design.
Family design review: how the homepage is built
Family's homepage runs about 11,315 pixels on desktop and is built on sky blue (#02b2ff) with a warm yellow (#fecb68) and a bright red-orange (#fd3a01) for accents, plus #65c6ff in the illustrations. The hero is a centred headline, "Your favorite crypto wallet.", set between two large cartoon clusters of coins, hearts and small characters. Headings are set in Family and body copy in Inter, as listed. What is distinctive for a crypto wallet is the cartoon mascot language: a blue square character recurs in the hero, the security section and the footer, which keeps a finance product light in tone.
Above the fold
The navigation reads "Developers", "Resources" and "X (Twitter)". The headline sits over the subhead "Explore Ethereum with the best wallet for iOS." and a black "Download on iOS" pill, beside "Watch the Video". Below, a five-card grid titled "Explore Ethereum in a whole new way." shows "Easy" as a tall dark card listing "Send", "Swap", "Receive" and "Purchase", with "Secure", "Fast", "Powerful" and "Fun" alongside it.
Send, receive and swap, then NFTs
Below, "Send, receive, swap. All in one place." shows three phone mocks captioned "Send", "Receive" and "Swap". Two columns follow, headed "Send & Receive" and "Decentralized Swaps", then "Full NFT Support", "WalletConnect Enabled", "Self-Custody" and "Maximum Privacy". Next, "The best way to experience NFTs." lists "Images", "Video", "3D Models", "Audio", "Interactive Models" and "AR Models" as six chips. The NFT phone mock shows a striped media frame titled "Spent".
Wallet watching, activity, protection and onboarding
Further down, "Watch the wallets you care about." lists "Watch Any Wallet", "Rich Notifications" and "Fully Customizable" beside a phone with token rows. "Wallet activity you can understand." adds "Human-Readable Activity", "Real-Time Monitoring" and "Custom Filtering". "Relentless protection. Restful ease." lists "Self-Custody", "Own Your Keys", "No Name Required", "No Lock-In" and "Fully Audited" beside a blue mascot with closed eyes. "Effortless onboarding. Masterful management." closes with three phones captioned "Onboarding", "Mission Control" and "Drag and Drop".
Closing section and footer
The lower page holds four feature rows, "Monitor In Real-Time", "Protect Your Assets", "Organise Your Wallet" and "See Everything Clearly", each beside a small card. Two posts follow under "The latest from Family", then "Friends of Family" with short user posts. The FAQ lists "Is Family safe?" and the footer closes with "Explore Family" and columns headed "Developers", "Resources" and "Company".
On mobile
At 390px the hero stacks, with a row of coloured mascots above a centred headline and two buttons, "Download on iOS" and "Watch the Video", stacked beneath. The five-card grid becomes full-width cards, and the phone mocks in "Send, receive, swap. All in one place." run one under another. The FAQ questions wrap onto two lines, and the footer splits into two columns with "Company" beneath.
Worth borrowing
- Pair each feature card with a single phone screenshot so the product reads as the proof.
- Name each feature with a short label, as with "Self-Custody" and "Maximum Privacy" in two columns.
- Reuse one mascot across the hero and the security section.
