Skip to content

Design a Creative Login Page #101

@Soham-Donode

Description

@Soham-Donode

🚀 Welcome Contributors!

Your task is to design and prototype a high-fidelity, creative Login Page. This is a competitive challenge where we are looking for unique inspirations, clean UI, and most importantly, seamless animations.

The Challenge:

Unlike previous tasks, there are no specific templates or tutorials provided. You have full creative freedom to build a login experience that stands out. Whether it’s a minimalist glassmorphism look, a bold dark mode aesthetic, or a playful illustrated design—show us what you’ve got!

Image

🎨 Judging Criteria:

  • Visual Design: Color theory, typography, and layout balance.
  • User Experience: Intuitive form fields, clear call-to-actions, and error state considerations.
  • Animation (Major Criteria): We will be looking for advanced use of Smart Animate, micro-interactions (e.g., button hovers, input focus), and smooth transitions between states.

🏆 Reward Points System

This is a competitive issue! Points will be awarded based on the quality and creativity of your design:

Rank Points Awarded
Top 2 Designs 🥇 50 Points
Next 3 Designs 🥈 30 Points
All Other Valid Submissions 🥉 20 Points

⏳ Deadline: This issue will remain open for 3 days. Ensure your submission is in before the clock runs out!


📝 Submission Guidelines

To successfully enter the competition, please follow these rules strictly:

  1. The Folder: Navigate to the folder named: 4-login-page
  2. The File: Create a new text file named <your-github-username>.txt.
  3. The Content: The file must contain your Figma link in the following format:
    Figma link - <your-live-figma-link>
  4. Permissions: Ensure your Figma link permissions are set to "Anyone with the link can view" so the judges can interact with your prototype.

Example of how johndoe.txt should look:

Figma link - https://www.figma.com/file/example-link-12345

Directory Structure Example:

Repo Root
└── 4-login-page/
    └── <your-github-username>.txt

Get creative, push the boundaries of Figma's prototyping tools, and Happy Designing! 💫

Metadata

Metadata

Assignees

No one assigned

    Labels

    Points: 20open-for-allAny one can work on it without getting assigned, every PR can merge

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions