<p>Hi friends 👋, the first challenge from the <strong>unclebigbay and friends</strong> series is to design the login page from the image below.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1624170337978/oouFZk9Um.png" alt="login page prototype" /></p>
<h3 id="colors">Colors 👇</h3>
<pre><code>
 <span class="hljs-attribute">color</span>-1: <span class="hljs-number">#96e9eb</span>;
 <span class="hljs-attribute">color</span>-2: <span class="hljs-number">#4585f7</span>;
 <span class="hljs-attribute">color</span>-3: <span class="hljs-number">#ffffff</span>;
 <span class="hljs-attribute">color</span>-4: <span class="hljs-number">#e6e6e6</span>;
 <span class="hljs-attribute">color</span>-5: <span class="hljs-number">#555555</span>;
</code></pre><h3 id="mode-of-submission">Mode of submission:</h3>
<p>When you're done with the challenge, proceed to share your design on the series WhatsApp group and also attach your final design screenshot in the comment section for documentation and reference for new members.</p>
<h3 id="conclusion">Conclusion</h3>
<p>Kindly note that there is no good or bad outcome of design, this is a learning process, so endeavor to do what you can, take your time, and feel free to ask questions when you have difficulties</p>
<hr />

<div class="hn-embed-widget" id="reaction-id"></div><hr />


<p>If you found this helpful and want to support my blog, you can also buy me a coffee below.</p>


Hi friends 👋, the first challenge from the **unclebigbay and friends** series is to design the login page from the image below.


![login page prototype](https://cdn.hashnode.com/res/hashnode/image/upload/v1624170337978/oouFZk9Um.png)


### Colors 👇

 ```

 color-1: #96e9eb;
 color-2: #4585f7;
 color-3: #ffffff;
 color-4: #e6e6e6;
 color-5: #555555;

```

### Mode of submission:

When you're done with the challenge, proceed to share your design on the series WhatsApp group and also attach your final design screenshot in the comment section for documentation and reference for new members.



### Conclusion

Kindly note that there is no good or bad outcome of design, this is a learning process, so endeavor to do what you can, take your time, and feel free to ask questions when you have difficulties


<hr />

%%[reaction-id]

<hr />


If you found this helpful and want to support my blog, you can also buy me a coffee below.

Design a Login Page -Challenge 1

Customer Success Engineer/Software Engineer @Hashnode


Unclebigbay's 🚀 Blog

Unclebigbay's 🚀 Blog

Design a Login Page -Challenge 1

Colors 👇

Mode of submission:

Conclusion