Two cards product screens examples

Two cards

Sign-in screen where the user enters their specific workspace domain to proceed with authentication.

• Sign In

Two cards

Signup screen where the user provides their name, email, password, and preferred currency to create a new account.

• Sign Up

Two cards

Signup screen where the user provides their name, email, password, and preferred currency to create a new account.

• Sign Up

Two cards

List view for invoices showing zero balances across received, sent, and overdue categories, with a prompt to create a new invoice.

• Empty State
• Dashboard

Two cards

Settings page where the user can update their account email and password or log out of the application.

• Account Settings
• Edit

Two cards

Settings page where the user configures their team name, address, and default currency.

• Team Management
• Edit

Two cards

Settings page where the user configures email notification preferences for payments, overdue clients, and product updates.

• Notification Settings
• Account Settings

Two cards

Create page where the user adds a new client by filling in details like name, email, address, payment method, and currency.

• Add & Create
• Form

Two cards

List view where the user manages clients, featuring an inline form to add a new client and cards to edit existing ones like Google.

• Files
• Edit

Two cards

List view showing zero current invoices with a summary of received, sent, and overdue amounts, alongside an open floating form to create a new invoice.

• Empty State
• Dashboard

Two cards

Client management list view where the user is creating a new invoice via a floating modal and selecting a due date.

• Calendar
• Checkout

Two cards

Invoice management page where the user views a list of sent and overdue invoices, with one row expanded to reveal subtotal, tax, and actions to mark as paid or download.

• Table
• Billing Settings