Alloy design examples

Alloy

Sign-in screen where the user authenticates using Google, email, or Linear.

• Sign In

Alloy

Sign-in screen where the user enters their email address to initiate an identifier-first or passwordless authentication flow.

• Sign In

Alloy

Sign-in screen where the user enters their email address to continue the authentication flow.

• Sign In

Alloy

Verification screen confirming that a login link has been sent to the user's email address, with a minimal link to return to the sign-in page.

• Verification
• Sign In

Alloy

Dashboard empty state where the user can start a new session to build a prototype using a text prompt or browse connected sources like codebase and extensions.

• Empty State
• Add & Create

Alloy

Empty list view for prototypes featuring a prominent central composer to start a new session and quick-start buttons for connecting extensions, codebases, or public links.

• Empty State
• Add & Create

Alloy

List view empty state where the user can start a new prototyping session via a prompt input or use the browser extension to capture a page.

• Empty State
• Add & Create

Alloy

AI generation dashboard where the user can prompt a new prototype session or view recently generated items.

• AI Generation
• Dashboard

Alloy

App workspace where the user can start an AI session to build a prototype or view their recently generated projects.

• AI Generation
• Browse

Alloy

Home screen where the user can start a new session using a text prompt and data sources, or browse recent prototypes in a grid view.

• Browse
• Filter & Sort

Alloy

Home screen where the user can start a new prototyping session or access recently edited projects.

• Home
• Browse

Alloy

List view where the user can browse existing prototypes or start building a new one using a codebase, extension, or theme via a central composer.

• Browse
• Add & Create