A second direction, drawn from the private-banking console you shared — and its real trick is neumorphism: every surface is molded from one material. Light falls from the top-left, shade gathers to the bottom-right, so raised elements read as touchable and inputs read as pressed-in wells. One blue accent runs through it; elevation, not color, shows where you are. Where the bento shouts its numbers, this system lets the relief do the reassuring.
blue accentgreen = moneyorange = heldno functional changes
01 · What the reference does
Six moves worth stealing
Read as a designer, the Kingdom Bank console is built on six repeatable decisions — each one adopted below, with one deliberate correction.
One material, two directions of light
Canvas and card are the same clay; a white highlight from the top-left and a soft shade to the bottom-right mold every element out of the page. Nothing floats — things are raised or pressed in.
One accent, everywhere
A single brand color carries active nav, CTA, links, tabs and the chart line. Nothing else is ever colored — total discipline.
Elevation is state
Raised means interactive, pressed-in means receiving: the active menu item pops out of the rail, inputs sink into it. Selection and entry feel physical, like buttons on an instrument.
Icon-first money actions
Deposit, Send, Exchange live as round soft buttons directly under the balance — the three verbs of the product at thumb's reach.
The account rail
Accounts scroll horizontally as cards with circular flag badges and the IBAN in small mono — a pattern made for multicurrency.
Underline tabs
Filters (All / Crypto / Fiat, Recent / Upcoming) are quiet text with an accent underline — filtering never competes with data.
The one correction: their accent is red. A payment product cannot spend red on navigation — red and orange must stay reserved for held payments and alerts, or the one color that should stop you stops meaning anything. The Glob version runs the accent in brand blue; green stays money, orange stays risk. Everything else transfers intact.
02 · Color
Almost no color at all
This system is 95% neutral by area. Blue appears in small, high-meaning doses; green and orange keep exactly the same jobs they have in the bento proposal — the semantic layer is shared between both directions, so choosing a style never changes what colors mean.
Neutrals
Canvas#E6EBF2The one material everything is molded from
Glob blue#1F6BFF · #EAF1FFNav, CTA, tabs, links, charts — the one voice
Green#00B85C · #E1F6EBMoney in, settled, processed dots
Orange#FF4B1F · #FFEAE2Held, alerts — never navigation
03 · Typography
One warm grotesk, set heavy
Manrope everywhere — a rounder, warmer grotesk than the bento's Space Grotesk, matching the cushioned surfaces. Hierarchy comes from weight (800 for headings and figures, 400–600 for everything else) rather than from size jumps. Fira Code keeps its job on IBANs, references and IDs.
Greeting · 800 · 24Hello, Meridian Electronics!
Balance · 800 · 3465,916.05 USD
Body · 400 · 13.5Your payment is held for a routine check. Most checks clear the same day.
The reference's strongest pattern, kept almost verbatim: every currency is a card on a horizontally scrolling rail — circular flag badge, heavy balance, IBAN in mono underneath. The rail shows two-and-a-half cards at rest — the half card is the invitation to scroll — and every other currency waits in the same carousel; nothing paginates, nothing truncates.
USD · Main
325,480.10
US64 GLOB 0000 7284 9090
EUR
18,345.00
PL91 6360 0003 0000 2251
MYR
96,210.55
MY22 GLOB 1188 3402 1177
GBP
42,880.00
GB29 GLOB 6016 1331 9268
JPY
1,250,000
JP61 GLOB 0000 1234 5678
CNY
0.00
Dormant
+Add currency
Converting
Exchange
15,000.00USD ▼
⇅
63,120.00MYR ▼
1 USD = 4.2080 · fee incl.arrives Tue
Exchange, illustrated. The FX page hero — currency tiles mid-flip, same material as every other image in the system.
Same contract as the bento version: the all-in rate, the fee, and the arrival day are visible before the button, and the quote re-quotes rather than drifting. The two directions share this DNA — only the clothing differs: inset wells and accent rings here, bordered tiles there.
06 · Application
The customer portal, cushioned
The prototype dashboard, widget for widget, in the soft console: greeting, the account rail, total balance with chart and the four quick actions, recent activity with status dots, the action centre (approvals, questions from Glob, expiring documents), the banking calendar — and the held payment as a quiet orange-edged card, present but not shouting.
app.weglob.net — preview mock
CUSTOMER PORTAL
▦ Dashboard
↑ Payments
✓ Approvals 3
⇄ FX & Convert
◫ Statements
Hi Farid 👋
Meridian Electronics · Thursday, 14 Aug
+ Quick actions🔔FAFarid · Maker
USD · Main
325,480.10
ready to spend
EUR
18,345.00
ready to spend
MYR
96,210.55
12,400 clearing
CNY
0.00
dormant
+ Add
Total balance (approx.)
438,035.65 USD eq.
of which 325,480 spendable now — the rest is clearing or reserved
Recent activity
RecentUpcoming
↓Novatech LtdCollection · 2h ago+34,343Settled
↑Shenzhen Parts CoTransfer · 5h ago−52,159Processing
⇄USD → MYRRate 4.2080 · 1d ago+63,120Completed
⚠Kestrel TradingTransfer · 1d ago−48,120Held
Held for review
$48,120.00
1 payment · our compliance team is on it
Action centre
2 payments awaiting your approval
Question from Glob about PAY-2199
Expiring: Director ID — K. Lim
Banking calendar
Fri
CN holiday: CNY payments +1 day
Mon
EUR cut-off 15:30 MYT same-day
Glob cards
Order card →
GLOB
•••• 9090
Physical & virtual corporate cards for your team — spend straight from any currency card.
07 · Choosing between v2 and v3
Two directions, one product
Both proposals share the semantic layer — green means money, orange means held, the FX contract, the illustration commission, the multicurrency patterns. What differs is temperament. Pick by who the portal must impress first.
Axis
v2 · Bento / slate
v3 · Soft console
First impression
Modern product, confident, graphic
Private bank, discreet, premium
Separation
Slate canvas gap between white tiles
Neumorphic relief — raised vs pressed-in
Color budget
Card-scale color blocks (green/blue/orange)
One blue accent in small doses
Numbers
Oversized Space Grotesk, the hero of every card
Heavy Manrope, large but conversational
Selection state
Ink-filled pill
Raised white pill, accent text
Risk moment
Full orange card — impossible to miss
Orange-edged white card — quiet but present
Feels right for
Product demos, younger operators, marketing echo
Conservative corporates, compliance-heavy buyers
08 · Rollout
Same one-pass apply
Like v2, this is a token-level re-skin of the working prototype — swap the sheet, restyle rail and cards, keep every flow and guard, run the regression suite, deploy both portals together. The prototype stays as-is until you pick a direction: v2 bento, v3 soft console, or a blend (one common request: v3's cushioned surfaces with v2's loud numerals — entirely possible, the tokens don't conflict).
No functional changesBoth portals in one passAwaiting your direction
