Recently, Our team captain @sarthology published an article on why and how you can develop design sense?. That is a great article and does capture the gist of getting the design sense deeply. However, once we develop the design sense comes the question of where to get those brilliant design elements in the first place for your next project. This question gives rise to this series of resources for the front-end developers to get modern design resources to furnish their next project the look and feel they wanted.
So, from this week, for the next 24 Mondays, we at Team Xenox will publish this series of resources, Awesamosa: Awesome Resources for developers. This list will be published in parts on dev.to and will be available as a whole on our π website π.
So let us begin π
π° Fonts:
Fonts are an essential part of the website's design, particularly when we want users to engage with the content on it. Choosing the right font will exponentially increase the engagement and hence the revenues.
Here are some 'awesome' places to get the best-suited font for your site π
π Google Fonts
π DaFont
π UseModify
π 1001 Free Fonts
π Font Squirrel
π¨ Colors:
Like Fonts, colors play a major role in the design of the website. There are many theories on, how to select the color palette, and what amount of each should be used.
Here are some 'awesome' places to get the best-suited color-palette for your site π
π Color brewer
π Color mind
π Color Curves
π Coolors
π Colors and Fonts
πΌοΈ Stock Photos:
Images are the next important part of website design. No one wants their images with a watermark on them.
Here are some 'awesome' places to get the best-suited stock photos for your site π
π Pexels
π Unsplash
π Pixabay
π Maddeleine
π Picspree
π§ββοΈ UI Graphics
UI graphics have become a new trend in modern websites, and they really give a personal touch to our websites. With tools like Figma, you can create your graphics too.
Here are some 'awesome' places to get the best-suited graphics for your site π
π 100 DailyUI
π Sketch App Sources
π Humaans
π Graphics Patterns
π Undraw
That's it for this week folks π₯³ποΈ
We will see you next Monday with more Awsome Resources. Until then, make sure you follow us on Twitter @XenoxDev for more content related to web development and web design. In the meantime share this article with friends and family to whom you think this will be useful. Comment below your thoughts or if you have any resources of your own.
One More Thing
If you want to get resources daily head to our Telegram Channel. We have a community of 600+ awesome devs sharing resources every day.
For the writer in you!!
Want to write with Xenox. Here is a π link to become a part of an awesome writer's community and win exciting gifts.
Bye ππ
Top comments (2)
Finally we startedβ¨πβ¨π―π―
And we'll keep on going πͺπͺ