It looks stunning,... Congratulations.

I am working on this variable fonts picker where you can get the CSS declaration and download the variable font if it has a Google Font license.

It also includes exclusive fonts, by now there is fonts from Panorama Foundry.

Hello everyone !

So I am redesigning and developing Colors & Fonts and I have been playing around with the typography and I thought that Fira Code and Inter would be a good fit.

Why did I choose Fira Code?

Well, many of us when coding uses Fira Code and is very legible.

Why did I choose Inter UI?

Many designers like to use it for their design.

The page is to help users and designers to speed up their daily routine, and because most of the users are coders and digital designers.

Hope you enjoy and please do not hesitate to leave some feedback!

Thank you !

Oh, absolutely. I love this method and is my daily approach. Sometimes it takes less time to do it.

Edit:

I actually use Bulma.io to do that because it goes really quick, and without writing css you can make a prototype...

NEW FEATURES

Download the !Figma file, color

palette, gradients, contrast & font pairing. Editable Font Pairing Pragraph Tailwind CSS Color Picker Pattern Gradients by Jordan Color Code Converter

Digital Design & Web Development Resources Digital Design & Web Development Articles

Extension Learn with C&F newsletter Sponsorships for C&F !

Web Development and Digital design articles. and more to come!

Is not finishing there yet!

If you want to know how to apply a color palette through a design system you can do it by subscribing to a newsletter that I am sending every 2 weeks. https://www.colorsandfonts.com/n... ( 400+ subs )

This is how it works.

Color Schemes. The color schemes that we are gonna work on are based on the ones in Colors & Fonts. We are going to take a Design system and apply the chosen color palette.

UI. The color will be presented on a Design System including buttons, forms, inputs, and components.

Files. You will be able to copy to Figma and .fig file. Also, you get a SASS and JS file with the variables to download from GitHub if you want to implement the colors right away.

I hope you are satisfied with all the new features and the upcoming ones. Let me know what you think and if you have any request do not hesitate to tell me. Have a great day everyone and thank you for being there...!

First launch on ( https://www.producthunt.com/post... )

Michael Andreuzza

Thank you so much Juan !!

Hey, I am the guy working on the site, you can see here how it used to look. I am learning web development and UI design while build building the site.

https://dribbble.com/MichaelAndreuzza Thank you so much!