Sign in
The first screen for a new visitor on mobile. They can sign in with email or social login, or continue in a no-wallet preview.
Every screen. Every state.
A visual reference for the Peridot app — for our team and our users. See every screen and every state: deposit, waiting, success, error — on desktop and mobile.
Getting Started
Signing in, demo mode, and switching between Easy and Expert.
Connect wallet — chooser
When someone first enters a Stellar market, this sheet offers a one-tap login (wallet created automatically) or connecting their own Stellar wallet.
peridot.finance/app
Easy Mode
The guided experience: deposit, portfolio, activity, account.
Deposit — home
The main Easy Mode card. People pick an amount and deposit to start earning interest — no crypto jargon.
peridot.finance/app
Portfolio
A clear view of total savings and each position, with a value chart and the interest earned over time.
peridot.finance/app
Account & settings
Add cash, copy a referral code, manage wallets, switch theme, and sign out — all in one place.
peridot.finance/app
Expert Mode
The market table, network selector, and detailed metrics.
Markets — overview
The Expert view lists every market with supply / borrow rates and TVL per network — for people who want the detail.
peridot.finance/app
Network selector
Switch the active network to view its markets. Hub chains host the pools; spokes provide cross-chain access.
peridot.finance/app
Actions & States
What people see while waiting, on success, and on errors.
Waiting for confirmation
Right after starting a deposit. The app waits for confirmation; with an embedded wallet this is an in-app prompt, not an external wallet app.
peridot.finance/app
Success
The deposit is confirmed. A short celebration names the amount and rate, awards points, and clears itself after a few seconds.
peridot.finance/app
Not enough balance
When the balance can't cover the deposit plus the network fee. The dialog explains it and offers a retry or a way to add funds.
peridot.finance/app
Sheets & Notifications
The input sheets and the toast notifications.
Transaction toast (desktop)
On desktop, progress shows as a compact toast in the corner instead of a full dialog — unobtrusive while a transaction settles.
peridot.finance/app
Deposit sheet
The deposit input sheet (a bottom sheet on mobile, a side drawer on desktop): choose an amount, review the rate, and confirm.
peridot.finance/app
