Finance · Crisp Mint Ledger
Mobile Payment App Design Template
Tapline is a peer-to-peer payment app design with a paper-white, mint-accented ledger look, made for fintech founders shipping a money-transfer product.
Vista previa
Explora las pantallas
Vista previa del diseño de app móvil de mobile payment, totalmente editable en Sleek.
Sobre Mobile Payment App
Tapline is a mobile payment app design template built around a "Crisp Mint Ledger" look: a paper-white canvas, near-black figures, and a single fresh mint green reserved for send and confirm actions and positive balances, with a muted clay tone marking outgoing amounts. Surfaces separate with faint mint-tinted panel washes and hairline rules instead of borders or shadows, and every amount is set in tabular numerals so balances and transactions line up like a real ledger.
The template ships six connected screens that form a complete payments flow: a Home with a large balance hero, recent contacts, and quick-action tiles; a Send screen with an oversized scaling amount and a note field; an Activity ledger of date-grouped transactions; a Scan to Pay camera view with a merchant confirm sheet; a Split the Bill breakdown that auto-calculates each person's share; and a Cards wallet with generated card art, balance, and a freeze toggle. A recurring mint ring ties the send, loading, and success states together.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
Qué incluye
Pantallas incluidas
Home
A balance hero showing total funds with a weekly change pill, four quick-action tiles (Send, Request, Scan, Split), a row of recent contact avatars, and a Today transaction list. The launch pad for every payment.
Send Money
A giant tabular amount that scales as you type, the recipient avatar ringed in mint, and a note field for context like dinner. The keypad-led core of moving money in one tap.
Activity
A ledger of transactions grouped under Today and Yesterday eyebrows, with avatars, merchant icons, and tabular amounts in mint for incoming and clay for outgoing. Makes spending easy to scan.
Scan to Pay
A live QR camera frame with a merchant card sliding up showing the business, location, amount, and funding account above a mint Confirm Payment slab. Built for fast in-store checkout.
Split the Bill
A total amount with tags for the occasion and headcount, plus a per-person breakdown showing who owes what and a Request All slab. Settles group expenses without the math.
Cards
Stacked generated card art with the card balance, a freeze toggle, and a settings list for PIN, international payments, and security limits. The wallet and controls in one place.
Diseño y funciones
Funciones clave
- Crisp Mint Ledger palette: paper white, near-black figures, one mint accent
- Clay-toned outgoing amounts for instant scan-ability
- Tabular monospaced numerals so every amount aligns like a ledger
- Borderless tonal-stack surfaces with hairline rules, no shadows
- Oversized circular keypad with a mint press state
- Recurring mint ring motif for send, loading, and success states
- Four-icon bottom nav with a filled mint active tile
- Generated avatars and card art rendered throughout
Audiencia
Para quién es
Casos de uso
Qué puedes crear
- Launch an MVP for a P2P payments or wallet product
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent payments UI off to developers
- Explore a redesign of an existing money-transfer app
Cómo usar esta plantilla
- 1
Abrir la plantilla
Explora las pantallas y previsualiza el diseño completo para ver si encaja con tu idea.
- 2
Usar esta plantilla
Abre tu propia copia totalmente editable en Sleek con un clic.
- 3
Editar con IA
Cambia la paleta, modifica las estructuras y añade o quita pantallas solo describiendo lo que quieres.
- 4
Exporta y lanza
Exporta tu diseño o pásaselo a los desarrolladores, y sigue construyendo hacia el lanzamiento.
Preguntas frecuentes
Plantillas de apps móviles relacionadas
Empieza a diseñar tu app de mobile payment
Úsala en Sleek y hazla tuya: cambia la paleta, edita cualquier pantalla con IA y exporta a código o Figma.
Usar esta plantilla