DEV Community

loading...
Cover image for Some of the best design systems of 2020

Some of the best design systems of 2020

michaelandreuzza profile image michael-andreuzza ใƒป2 min read

Hello everyone.

so I was looking for the best design systems of 2020 because I want to add some style guides on Colors & Fonts.

Why?

I am working on a style guide picker. Where you can copy the colours and the fonts used. It will also be linked to their brand guidelines, design systems or style guides

Alt Text

Let's have a look at what we got here

IBM

Alt Text

Marvel App

Alt Text

Audi

Alt Text

Shopify

Alt Text

Jira

Alt Text

Mailchimp

Alt Text

These ones are the ones I like the most, especially Marvel's.

What's yours?

If you know about a design system / brand guidelines /style guide that would be nice to add to Colors & Fonts I would be more than happy to add it in this new upcoming page on Colors & Fonts.
Is not officially launched the page, mostly because is not finished at all as you can see, duh...

I am going to create my own design system and Colors & Font brand guidelines in the future.

At the moment I am sending a newsletter
where designers and developers can see how a colour palette is applied.

We are now more than 500 !!

If you fancy, you can see some examples at the end of that page.

I hope there's some value in this post and if it is not like just let me know how crappy was it.

And if you want to know.

I have launched Colors & Fonts on Product Hunt the page ended on an 8th place, just like the first time I launched.

Alt Text

Well, now I really have to keep working on the site, make sure you guys have a great day.

Thank you for the reading!

/Mike

Discussion (12)

pic
Editor guide
Collapse
amohgyebi profile image
Amoh - Gyebi Godwin

Photon design by Mozilla

Collapse
michaelandreuzza profile image
Collapse
amohgyebi profile image
Amoh - Gyebi Godwin

Fluent Design by Microsoft

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Great! Thanks again bro.

Collapse
jakecupani profile image
Jake Cupani

This is great, I haven't heard of colorsandfonts before but will definitely be using it in the future. I also like colorhunt too.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Hey Jake!

I launched on April, the site is pretty young actually.

I am very glad you are going to use it, thank you so much.

If you have any feedback let me know.

Color Hunt is fine, but the color palettes are not 100% curated because they are made ny users, my color palettes and the other styles have been curated manually by me except the pattern gradients, they are made by jordan.

Thank you for leaving a comment. Have a great one !

Collapse
jakecupani profile image
Jake Cupani

Pretty cool, I'll let you know what I think when I use it!

Thread Thread
michaelandreuzza profile image
michael-andreuzza Author

That's great, thank you!

Collapse
fifn2 profile image
Finn Wright

I really love Material Design because you can tell that the decisions made relate to real UX, not fancy CSS hacks that don't add value.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Yeah, material is very good and useful but is getting boring, in my opinion...

With CSS hacks you mean neuomorphic? Damn, how much I hate it.

Collapse
devmyqi profile image
Michael Wronna

Thanks Mike, this is really a great resource, added to my bookmarks immediatly

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Thank you so much!. I am glad you like.