Causal design examples

Causal

Sign-in screen where the user authenticates with Google, Xero, or email, alongside a product preview and value propositions.

• Sign In

Causal

Password recovery screen where the user enters their email to receive a reset link, featuring a product preview and social proof alongside the form.

• Forgot Password

Causal

Password recovery screen where a modal confirms that a reset link has been sent to the provided email address if an account exists.

• Forgot Password
• Confirmation

Causal

Sign-in screen where the user authenticates with Google, Xero, or email, alongside product value propositions and a G2 rating.

• Sign In
• Feature Gate

Causal

Signup page where the user can create an account via Google, Xero, or email, alongside a product preview and feature highlights.

• Sign Up
• Account Setup

Causal

Onboarding step where the user selects their job function, company size, and use case timeframe to tailor their experience.

• Setup Wizard
• Onboarding Checklist

Causal

Onboarding screen where a new user is welcomed and prompted to start a tutorial or choose a starting template like Personal finance or SaaS Financials.

• Welcome
• Guided Tour

Causal

Dashboard where the user is prompted to start building their first model by choosing a blank model, data wizard, or template.

• Empty State
• Getting Started

Causal

Spreadsheet view where the user edits revenue, churn, and subscriber assumptions for a SaaS financial model.

• Edit
• Files

Causal

Spreadsheet editor where the user builds a SaaS financial model by defining variables, assumptions, and formulas across a timeline.

• Edit
• Code Editor

Causal

Content editor where the user builds and edits a financial model using a spreadsheet interface with inline sparklines, accompanied by a right sidebar containing instructions and a chart preview.

• Edit
• Code Editor

Causal

Help modal displaying formula syntax, helpers, and examples over a financial model editor.

• Help
• AI Assistant