Contra design examples

Name: Contra
Author: Bertrand

Explore Contra UI design examples. A new way to work

Product screens

Sign-in screen where the user enters their email to receive a magic login link, with a secondary prompt to sign up for a new account.

Sign-up screen where the user enters their name and email to join a professional network for flexible work.

Verification screen where the user is instructed to check their email for a confirmation link, with an option to edit the address if needed.

User profile page featuring a prominent floating checklist widget guiding the user through steps to unlock beta features.

Creation page where the user drafts a new project by adding a title, company, roles, tools, and collaborators before publishing.

Creation page where the user inputs project details like company, year, roles, and tools used, and can add collaborators or content blocks.

Create page where the user adds a new company or agency to their project via a modal form.

Create page where the user builds a new project case study by entering details, tagging roles and tools, and inviting collaborators.

Project creation page where the user is prompted to add collaborators via a modal overlay to grow their network.

Project creation page where the user is inviting a collaborator via email in a modal overlay.

Modal overlay where the user invites a collaborator to a project by providing their name, email, roles, and a personal message.

Modal where the user adds a collaborator to a project by entering their name, email, roles, and a personal message.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.