OWO - Send money on WhatsApp
Bento Grid
← All examples
“A joint-finances app for couples: soft, warm, playful, reassuring, bento grid.”
The agent invented Alder - A shared account for the bills you both pay, and separate ones for everything else.
- pure + inspo
- light mode
- 1+ MCP calls · 5 sites studied
- 8.5 / 10
The hero grid is a real joint account rather than a decorative mock: a shared pot with the actual split shown as two tinted panels, three bills as proportional bars, and, on its own full-width row, a separate personal account labelled 'yours alone, Priya never sees it'. The product's hardest promise is the one the layout spends the most space on.
OWO - Send money on WhatsApp - The closest peer: a money product that reads as warm rather than institutional. Its playful-hues-on-a-soft-canvas approach is where the sage-and-clay palette came from, and it proved a finance page does not have to be blue.
Games and activities for remote team building and virtual events - Lead exemplar for the brief. Contributed the pastel-on-generous-white register and the rounded, roomy card treatment that keeps a dashboard mock feeling friendly instead of clinical.
Matveyan — Senior Product Designer for Fintech, Trading & Design Systems - A fintech designer's own bento. Informed the discipline of the tile contents: one figure per tile, a short label above it, and no chart where a number will do.
Music Distribution for Independent Artists | CD Baby - Returned in the same bento set. Reinforced the irregular-span grid where one tile carries the lead idea at four times the area of its neighbours.
basement.studio | We make cool shit that performs. - The dark counterweight in the returned set. Read as the register to avoid here, which is what pushed the page toward warm paper and away from charcoal.
recommenda joint-finances app for couples: soft, warm, playful, reassuring, bento grid
Returned a Bento Grid pick with all six exemplars agreeing on it, plus the canonical bento component whose note - irregular spans defeat the 3x2 sameness - is the rule the hero grid follows.
--paper#fbf7f2Warm off-white ground. The reassurance argument fails on a cold page, and every warm exemplar in the set started here.--sage#5f7a5cMuted sage for the primary button, the brand mark and positive figures. Green without being a bank's green.--clay#d97a55Warm clay as the second party's colour. The two people in the page each get a hue, which is the whole visual argument.--sage-soft#e4ecdfTinted fill for Priya's share, the status pill and the mid-page band.--clay-soft#fbe6dcThe matching tint for Sam's share, so the split reads before you read the percentages.--muted#7a726aWarm grey for labels and secondary copy, holding the hierarchy without going cold.