FIGR / UI TEMPLATE
Review balance, transactions, account information, recurring payments, statements, and transfer options for one account.
This detail reference covers consumer finance. Its sample screen includes Payroll · Northstar Labs and Rent · Garden Court and the Transfer money action. Adapt its workflow to your product and design system.
BUILD ON THIS
Explore this screen, then bring in your own product and design system to shape the next version.
Detail
Transfer money
Bank account detail
Default, loading, empty, error, permission, success
Adaptable product UI theme
The bank account detail screen supports “Transfer money” while keeping activity and details in view. It should show the current state even when data is missing or access is restricted.
Activity → Details → Transfer money → Review result
Bank account detail, Activity, Details, permission handling, error recovery
Keep the primary record and next action visible while people explore details
In this example, Payroll · Northstar Labs is one of the records worth checking. Keep the sample data clearly separate from a live system.
Place ownership, progress, and related information beside the current task
Show the history and permission context that explain a change
Design a bank account detail screen for an existing consumer finance product. Use our actual design system, components, and content rules. Cover Activity and Details, include believable records such as Payroll · Northstar Labs, and make "Transfer money" easy to find. Map empty, loading, error, permission, and success states. Keep the result editable in Figma.
KEEP EXPLORING
Browse other product UI examples, compare patterns, and pick the direction that suits your product.