Compound design examples

Compound

Dashboard with a centered welcome modal prompting the user to try the demo without sharing personal information.

• Dashboard
• Welcome

Compound

Dashboard showing a user's net worth, asset allocation breakdown, and a stacked area chart of historical balances, followed by detailed lists of individual accounts grouped by asset class.

• Dashboard
• Table

Compound

Dashboard showing a loading state for historical balances with a floating demo account upgrade prompt.

• Loading
• Dashboard

Compound

Dashboard showing a user's current net worth, an asset allocation breakdown via a treemap, and an itemized list of accounts grouped by asset class.

• Dashboard
• Charts

Compound

Dashboard where the user views their total net worth, asset allocation breakdown, and a detailed list of connected financial accounts with active sorting options.

• Dashboard
• Table

Compound

List view showing the user's net worth broken down by asset class, featuring a treemap chart and grouped account lists.

• Dashboard
• Charts

Compound

Dashboard showing the user's current net worth with an interactive asset allocation chart and a detailed breakdown of connected financial accounts.

• Dashboard
• Table

Compound

Dashboard where the user views their total net worth chart, asset allocation breakdown, and manages individual financial accounts like checking and 401k.

• Dashboard
• Account Settings

Compound

Dashboard where the user is prompted to confirm hiding or disconnecting their Chase bank account from their portfolio.

• Confirmation
• Account Settings

Compound

Dashboard with a modal overlay showing the balance and ownership details for a specific Chase checking account, alongside a demo account banner.

• Account Settings
• Edit

Compound

Dashboard showing net worth and connected accounts, with a large three-pane modal open displaying read-only details for a specific Chase checking account.

• Account Settings
• Dashboard

Compound

Dashboard with an open modal inspecting the transaction history of a specific Chase checking account, alongside a contextual help panel.

• Dashboard
• Table