ICONSPARK Mini design system

Agentic term deposits

The building blocks of a proof of concept for one of Argentina’s largest banks: an agent that suggests how much money to set aside and for how long, inside the bank’s existing app. Everything on this page runs on the same code as the prototype.

The agent color

One rule holds the system together. Agua is reserved for the agent: if something is agua, the agent is saying or suggesting it.

ICONSPARK Suggestion

Your $300,000 deposit matures on 12/9. Renew it for 30 more days.

  • Agua marks the agent: its chip, the border of its cards, and the part of your money it’s talking about.
  • Violet is the action: the user always confirms with the brand color, never with the agent’s.
  • The agent has no persona: no avatar, no name. It speaks like the app and is recognized by color and the spark icon.

Color

A light, slightly violet-tinted surface, a deep “night” block with a glow for what matters, one intense action color and one accent for the agent.

Money bars

How your money is split

Available$280,000Matures 12/9$300,000Other deposits$420,000

Every segment has one label, placed right under it at the same width, so no color legend is needed. White is available money, lavender is money in deposits, and agua is the deposit the agent is talking about.

Typography

Schibsted Grotesk for everything: large, tight amounts with negative tracking, and calm, readable text at 15 px. Nothing below 12 px.

Spacing, radius and elevation

4 px grid and 18 px side margins. Radius grows with size: chips are pills, cards are 20, the night block is 26 and sheets are 32.

Radius

Elevation

Flat

Cards and lists. --e-card

Night

The one block per screen that matters most.

Sheet

Bottom sheets over a scrim. --e-sheet

Icons

2 px stroke on a 24 px grid, rounded caps. The filled spark is the agent’s signature and only appears next to something the agent says.

Components

Buttons

Primary is violet. The agua button only opens a suggestion, it never confirms a money movement.

Chips and selection

ICONSPARK SuggestionRecommendedRenewedMatures in 3 days
ICONCHECK

Amount and lists

$300,000
$50,000Max $380,000
1/3060-day depositInterest: $10,340$170,000
ICONSHIELDYour reserve$200,000ICONCHEV

Notices

ICONCLOCKYou can cancel it until 3 pm today.
ICONINFOThat’s the maximum: the rest is your reserve.
ICONCHECK2Done, renewed until 1/8.

Voice

Bank words people already know, titles that lead to the action, and the fact before the ask. The app ships in Rioplatense Spanish; English below for reference.

Do

Separá $300.000 por 30 díasSet aside $300,000 for 30 days

Tu plazo fijo de $300.000 vence el 9/12. Renovalo por 30 días más.Your $300,000 deposit matures on 12/9. Renew it for 30 more days.

Cómo está repartido tu dineroHow your money is split

Don’t

¿Hacemos un plazo fijo de $300.000?Shall we set up a $300,000 deposit? (a question as a title)

Tu agente te proponeYour agent proposes (announcing the agent)

Libre / Separada / ColchónFree / Set aside / Cushion (invented words)