Banking Experience System
A design system for banking and fintech in the UAE. Trust by design, clarity by default — money display, transaction states, disclosure, consent and fraud response, engineered as reusable components in Arabic and English.
Color
A restrained functional palette. Financial colors are fixed across every brand — and color never carries meaning alone: every status pairs with an icon and a label.
financial.income
Expense — neutral, not red financial.expense
Failed / negative financial.failed
Pending financial.pending
Reserved / hold financial.reserved
Blocked / caution financial.blocked
Typography & money
One certified Latin + Arabic pair. Arabic gets its own metrics — larger optical size, taller line-height, never letter-spaced. Amounts always use tabular numerals and stay left-to-right in both languages.
Actions & status
Buttons — the CTA names the consequence
Status badges — the full state vocabulary, icon + label always
Accounts & transactions
Account card — available balance leads, privacy built in
Transaction items — expenses are neutral; red is for problems
Review before anything irreversible
Every fee appears before this screen — the review only confirms what the user has already seen. The rate is locked and says so; the consequence is stated; the button carries the amount.
Transfer review — AED → INR remittance
Check and confirm
We'll send AED 10,036.75 from your current account now. International transfers can't be cancelled once sent.
Payee verification — name check before money moves
"Priya Kumar" matches the name registered to this IBAN.
The name you entered is close, but not exact. Check with the recipient before sending.
Money sent to the wrong account can be hard to recover. Go back and check the details with the recipient.
Regulation, rendered as components
Key facts summary — every fee, before the application
The key facts, upfront
You can cancel within 5 business days of signing.