The direction your client chose — the light fintech console from the very first reference. White cards on a near-white canvas separated by hairline borders, Poppins throughout, one signature green in two voices: a pale mint that carries every action, and a deep teal that draws the money. Decimals fade to gray so the eye lands on what matters. This page reproduces that design exactly, fitted with Glob's content and compliance furniture.
✓ client pickmint & teal = moneycoral = out · held · alertsno functional changes
01 · Color
One green, two voices
The reference runs almost entirely on neutrals plus a single green split into two jobs: mint fills for things you can press, deep teal for the data itself. Coral is the only warm color and carries everything leaving or needing attention — money out, inactive, held. Nothing else is ever colored.
Neutrals
Canvas#FAFBFCNear-white page
Card#FFFFFFHairline border, whisper shadow
Inset#F3F5F8Search, calculator rows, active nav
Faint#C2C8D0Faded decimals, group labels
Signals
Mint#CDF1A6Every action button — dark ink text
Teal + mint edge#3E7D68 · #8CE8B8Charts and data fills only
Poppins is the only face — geometric, friendly, set 400–600 with hierarchy from weight and size. The reference's most distinctive habit is kept as a rule: whole amounts in ink, decimals in faint gray. The eye reads $34,680 instantly; the .05 is there when you need it.
Hero balance · 600 · 40$438,035.65
Card balance · 600 · 2796,210.55MYR
Section title · 600 · 16Payment Overview
Body · 400 · 13.5Your payment is held for a routine check. Most checks clear the same day.
Meta · 500 · 12.5 grayLimit is $500k a month · 01 Aug – 31 Aug
03 · Components
The working set
Rendered live in the tokens. Actions are always mint pills with dark text — the reference's "Send Money" — never saturated fills. White pills with hairline borders handle secondary work.
Buttons
Status
ActiveSettledPending approvalHeld — in reviewInactive
Sidebar — search, groups, tree submenu
🔍 Search ⌘ F
Menu
▦ Overview
◫ Accounts
↑ Payments ⌃
Send payment
Bulk payments
Approvals 3
Scheduled
↓ Collections
⇄ FX & Convert
General
⚙ Settings
? Help Center
The rail is white with a hairline divider — no dark block, no colored pills. Search with the ⌘F keyboard hint sits on top; MENU and GENERAL group labels in faint caps; the active item is simply a gray inset. Payments expands into a tree with a thin guide line — deep structure without visual weight. The only color allowed in the rail is the coral approvals counter.
Calculator rows & fee receipt
Transfer Calculator
15,000USD ▼
⇅
63,120MYR ▼
⛭ Includes fees0.75 USD ⓘ
Should arriveBy Tuesday
Rate1 USD = 4.2080 MYR
Exchange feesFree ⓘ
Amounts live in gray inset rows with the round flag, code and chevron — the reference's exact selector. The fee receipt is a quiet list with hairline rules: fees, arrival day and the all-in rate are visible before the mint button, and the quote re-quotes rather than silently drifting. This is the same FX contract as every earlier proposal, wearing the client's chosen clothes.
The chart — teal steps, mint edge, hatched fill
Total Balance
$438,035.65
+89% vs last month
60k45k30k15k0k
Initiated$10,120
Approved$34,680
Screened$17,325
Settled$29,453
Collections$45,420
1–6 Aug7–12 Aug13–18 Aug19–24 Aug25–31 Aug
Anatomy, kept exactly: dark-teal fill with the diagonal hatch, a bright mint edge on top and trailing side so each step catches light, dashed column separators, amounts above each column, and the selected column washed in mint. For Glob the five columns become the pipeline: initiated → approved → screened → settled, plus collections.
Table rows
Activity
Date
Amount
Method
Status
↙Novatech Ltd
Aug 14, 2026
$34,343.00
Collection
Received
⋮
↗Shenzhen Parts Co
Aug 13, 2026
$52,159.00
Glob to bank
Send
⋮
⚠Kestrel Trading
Aug 13, 2026
$48,120.00
Glob to bank
Held
⋮
04 · Multi-currency
The currency row
The reference's own wallet: white cards with a large round flag, the code beside it, the balance with fading cents, the monthly limit in gray, and an Active/Inactive chip. The kebab menu holds per-currency actions. The carousel keeps our two-and-a-half-cards rule — the half card invites the scroll — and the dashed mint tile adds a currency.
USD⋮
$325,480.10
Limit is $500k a month
Active
EUR⋮
€18,345.00
Limit is €40k a month
Active
MYR⋮
RM96,210.55
Limit is RM450k a month
Active
GBP⋮
£42,880.00
Limit is £32k a month
Active
CNY⋮
¥0.00
Limit is ¥4,500k a month
Inactive
+
Exchange, illustrated. The FX page hero keeps the commissioned material — it sits naturally on this lighter canvas too.
Same multicurrency contract as before, new clothes: circular flags always, codes beside them, tabular balances with faded cents, and the status chip doing the active/dormant work. The blue anchor card from the bento direction retires — in this system no card is colored; the main account is simply first, marked by its limit line and the mint tint on its add-tile neighbour.
05 · Application
The customer portal, exactly as chosen
The reference screen rebuilt one-to-one with Glob content: white rail with search and tree menu, currency row up top, Payment Overview with the teal steps, Transfer Calculator with the mint Send Money, and Transactions History below. Glob's compliance furniture joins in-style: the coral held banner under the calculator, approvals counter in the rail.
app.weglob.net — preview mock
🔍 Search ⌘F
Menu
▦ Overview
◫ Accounts
↑ Payments ⌃
Send payment
Approvals 3
Scheduled
↓ Collections
⇄ FX & Convert
◎ Beneficiaries
▤ Statements
General
⚙ Settings
? Help Center
Overview
↑ Earn $50✨ Try AI Agent🔔FA
USD⋮
$325,480.10
Limit is $500k a month
Active
EUR⋮
€18,345.00
Limit is €40k a month
Active
MYR⋮
RM96,210.55
Limit is RM450k a month
Active
CNY⋮
¥0.00
Limit is ¥4,500k a month
Inactive
+
Payment OverviewThis Month ▾
Total Balance
$438,035.65
+89% vs last month
Initiated$10,120
Approved$34,680
Screened$17,325
Settled$29,453
Collections$45,420
1–67–1213–1819–2425–31 Aug
Transfer Calculator
15,000USD ▼
⇅
63,120MYR ▼
Includes fees0.75 USD
Should arriveBy Tuesday
Held for review1 payment
$48,120.00
Our compliance team is on it — most checks clear the same day.
Transactions History
01 Aug – 31 Aug
🔍 SearchThis Month ▾
Activity
Date
Amount
Method
Status
↙Novatech Ltd
Aug 14, 2026
$34,343.00
Collection
Received
⋮
↗Shenzhen Parts Co
Aug 13, 2026
$52,159.00
Glob to bank
Send
⋮
⚠Kestrel Trading
Aug 13, 2026
$48,120.00
Glob to bank
Held
⋮
06 · Where this lands
Three directions, one winner
All three proposals share the same semantic layer — statuses, the FX contract, multicurrency patterns, illustration rules. The client has chosen this one, so v4 becomes the build target; v2 and v3 stay published as the record of the exploration.
Axis
v2 · Bento
v3 · Neumorphic
v4 · Mint (chosen)
Canvas
Cool slate, gap separation
One molded surface, relief
Near-white, hairline borders
Accent
Green / blue / orange blocks
Single blue, raised vs pressed
Mint actions, teal data, coral warnings
Numbers
Oversized Space Grotesk
Heavy Manrope
Poppins with fading cents
Feels like
Modern product demo
Private-bank console
Friendly consumer-grade fintech
07 · Rollout
Applying the client's pick
Token-level re-skin of the working prototype, one pass, both portals: swap the sheet to these tokens, restyle the rail to the white tree-menu, adopt faded cents and the mint pills, wire the round flags and the commissioned illustrations, keep every flow and guard identical, and run the regression suite before deploying. The backoffice wears the same system with teal as its working accent and coral doing the same alert duty. Say go and this becomes the portal.
✓ client-selectedNo functional changesBoth portals in one pass
USD ▼
MYR ▼
