The visual language for the Stake owner and investor portals. Light cards on soft ground, a single black hero card per screen, fully rounded golden actions, Figtree throughout. Every component below lives in theme.css.
Logo
two formats
Stake
Black — use on light backgrounds
Stake
Yellow — use on dark backgrounds
The mark is the steak-swirl “S.” Pair it with the Figtree 800 wordmark, or use the mark alone as an app icon / favicon. Keep clear space around it and don’t recolor the accents.
Color
brand + system
Brand yellow
#E7B84B
Near-black
#0D0D0D
White
#FFFFFF
Background
#F3F3F1
Received green
#2FB06B
Alert red
#E0503A
Yellow tint
#FBF3DC
Yellow (text)
#B08A20
Green and red mark payment status only. Yellow text on light surfaces uses #B08A20 for contrast; #E7B84B is for fills and dark backgrounds.
Every screen is built responsively for both desktop and mobile. The badge notes which form factor each screen is optimized for first — desktop for configuration-heavy screens, mobile for quick, glanceable ones.
Shared
11 screens · used by every user
1
Splash / launch
Branded load screen (mobile).
MobileMVP
2
Login
Sign in with email or SSO.
Desktop + MobileMVP
3
Invite acceptance & setup
Entry point — accounts are invite-only.
Desktop + MobileMVP
4
Forgot / reset password
Recover access.
Desktop + MobileMVP
5
Two-factor / MFA
Extra security for a money-moving app.
Desktop + MobileMVP
6
Identity verification (KYC)
Verify identity via Plaid before any payments.
Desktop + MobileMVP
7
Notifications center
Payment sent/received, action needed.
MobileMVP
8
Account & security settings
Profile, password, MFA, preferences.
Desktop + MobileMVP
9
Help / support
FAQ and contact.
Desktop + MobileMVP
10
Legal & consent
Terms, privacy, e-signature.
Desktop + MobileMVP
11
System states
Error, empty, loading, offline, sync-failed.
Desktop + MobileMVP
Restaurant Owner
19 screens · the operator's control room
12
Owner setup wizard
Connect Toast, QuickBooks, and the bank via Plaid.
DesktopMVP
13
Owner dashboard / home
Tonight's close, KPIs, what needs attention.
Desktop + MobileMVP
14
Investor list
All investors with ownership % and status.
Desktop + MobileMVP
15
Investor detail / profile
One investor's terms, balances, and history.
Desktop + MobileMVP
16
Invite investor
Send an invite and set their terms.
Desktop + MobileMVP
17
Manage pending invites
Resend, revoke, track invites.
Desktop + MobileMVP
18
Cap table / terms & balances
Source of truth for the disbursement math.
DesktopMVP
19
Disbursement configuration
Calc base, schedule, auto-send/approval toggle.
DesktopMVP
20
Daily disbursement review
Approve the nightly run (when approval is on).
MobileMVP
21
Payment run detail
One night's run, investor by investor.
Desktop + MobileMVP
22
Payment history
Every run over time, filterable.
Desktop + MobileMVP
23
Failed / returned payments
Resolve bounced payments.
Desktop + MobileMVP
24
Funding source (Plaid)
Manage the account payouts draw from.
Desktop + MobileMVP
25
Metrics dashboard
Full restaurant performance view.
DesktopMVP
26
Reports
Generate, schedule, export.
DesktopMVP
27
Integrations health
Toast / QuickBooks / Plaid status.
Desktop + MobileMVP
28
Restaurant settings
Name, address, fiscal settings.
Desktop + MobileMVP
29
Team access
Extra owner-side users (bookkeeper, partner).
DesktopLater
30
Audit log
Who changed what, and when.
DesktopMVP
Investor
11 screens · a live view of their repayment
31
Investor onboarding
Accept invite, verify ID, link payout, e-sign.
Desktop + MobileMVP
32
Investor dashboard / home
Repayment meter and key numbers.
MobileMVP
33
Investment detail
Per-restaurant view (for multi-restaurant later).
Desktop + MobileLater
34
Returns & balance detail
Remaining balance and return over time.
Desktop + MobileMVP
35
Restaurant performance detail
Daily / monthly / annual sales.
Desktop + MobileMVP
36
Payment history
Every disbursement received.
MobileMVP
37
Payout method (Plaid)
Manage the receiving account.
Desktop + MobileMVP
38
Tax documents
1099 / K-1, downloadable.
Desktop + MobileMVP
39
Document library
Agreement, annual report, shared files.
Desktop + MobileMVP
40
Reports
View and download investor reports.
Desktop + MobileMVP
41
Profile & account settings
Profile and notification preferences.
Desktop + MobileMVP
Admin / Operator
6 screens · your internal console
42
Admin dashboard
Platform health, volume, failures.
DesktopMVP
43
User & account management
Support and manage all accounts.
DesktopMVP
44
Onboarding & KYC review
Monitor identity verification.
DesktopMVP
45
Payments monitoring
Cross-account runs and failures.
DesktopMVP
46
Compliance & audit
KYC/AML, consent, and payment records.
DesktopMVP
47
Support / disputes
Dedicated tooling (starts manual).
DesktopLater
Preview the App
desktop & mobile
Two ways to try the live preview. Desktop opens in any browser; mobile runs through the free Expo Go app.
Desktop Preview
On a computer, open the link below and sign in with the details provided.