Law of Consistency

[Jazzrahi]

🎯 Law of Consistency — UI/UX Design Task

✨ OPEN TO ALL ✨
⚠️ No need to claim this issue
⭐ Points: 30
⏰ NO SUBMISSION WILL BE ACCEPTED AFTER 21st January 11:59 P.M.

⸻

👋 Hello Designers!

Let’s explore another fundamental principle of UI/UX design — the Law of Consistency.

The goal of this task is to design a small set of UI screens or components that follow consistent colors, typography, spacing, and layout patterns, helping users navigate and learn interfaces faster.

⸻

📘 Law of Consistency

The Law of Consistency emphasizes maintaining uniform design patterns across an interface.

When colors, fonts, buttons, and layouts remain consistent, users:
• Learn the interface faster
• Navigate more confidently
• Make fewer mistakes
• Experience smoother interactions

⸻

🧩 Task

Design a small set of UI screens or components that demonstrate the Law of Consistency by using the same:
• Color palette
• Typography
• Button styles
• Layout and spacing patterns

The screens should look like real product interfaces, not isolated components.
Your design must include basic UI elements such as a top navigation bar or header.

⸻

❌ vs ✅ Explanation
• ❌ Inconsistent design patterns confuse users and slow learning
• ✅ Consistent colors, typography, and layouts improve usability and familiarity

⸻

📋 Your design should:
• Clearly show repeated use of the same visual patterns
• Highlight how consistency improves navigation
• Make the interface feel cohesive and predictable

⸻

📦 What to Include
• 2–3 related UI screens or a small component set
• Use consistent visual styling across all designs
• Example screens you may create:
• Home + Settings screen
• Profile + Edit Profile screen
• Onboarding flow steps
• Card and button component set

Optional:
• Light/dark mode variants
• Design system style guide page

⸻

🎨 Reference for Inspiration

Explore design inspiration related to the Law of Consistency on platforms like:
• Dribbble
• Behance
• Pinterest

⚠️ Avoid direct copying — your work must be original.

⸻

📤 Submission Guidelines
• Submit the Figma file link in a .txt file
• Place the .txt file under the Law of Consistency folder in this repository
• Ensure the design is clean, intuitive, and well-structured

⸻

✅ MDC (Minimum Design Criteria)

Your submission must:
• Maintain consistent colors, fonts, and components
• Demonstrate repeated layout patterns
• Improve ease of navigation and recognition
• Feel polished and instructional
• Keep alignment and spacing uniform

⸻

🆘 Need Help?

If you have any questions or concerns, feel free to ping us on Discord.
We’re here to help! 😊