36! Google Font pairings examples. With Figma file included!π₯
Hello everyone!
This time I am coming with typography examples that you can see on www.colorsandfonts.com or download from and within a Figma file that I put up together.
You will find classic styles, posh, avant garde and some playful ones.
All the fonts are available in Google Fonts for free use.
Here is the file:
Here is the site to see them quickly:
You can also find colors palettes, gradients, a color system and glyphs in this website.
Any questions feel free to ask!
Have a great day.
/Mike
Trending on Indie Hackers
IBM Plex is great
@Michael_Andreuzza I absolutely love typography. Could you walk me through how you usually pair fonts and pick them for your project?
How and why did you choose the fonts you did for your last project? Say, on the image for https://www.indiehackers.com/post/show-ih-meshed-up-a-collection-of-multicolour-vectors-for-web-developers-and-digital-designers-3b9fe34d10
Do you use https://www.colorsandfonts.com/ as your own way of organizing and grouping your favorite combinations?
---
Two things I would love to see on the site:
Hey!
Agree, love that font to the moon n' back..
For Meshed Up! Post because well, Is the Open Graph image.
I like Neue Machine lo g time ago, I used to have PangramPangram fonts expo on colorsandfonts site.
So I still have many of the fonts that I can use for my personal stuff.
You can also see it at mikes.ink or serendipitytheme.com for example.
I used to do so with colorsandfonts, but after Version 2.0 I was curating the colors manually.
I don't have an stipulated way of choosing fonts because I mostly use the same.
Inter
Helvetica Neue
Hatton
Neue Machina
Playfair Display
O used to have a link to them, but I recently removed it.. . I guess I will have to add them back....
Label? Meh π
Take care man!
Very cool! Itβs easy to fall back to the same fonts, but I recommend https://www.fontshare.com/ for some high-quality variety
I hadnβt seen the color system before https://www.colorsandfonts.com/color-system βdid you pick all of those colors by eye? Iβve made a few palettes like that by eye; they sure do take a long time to make. I think youβd love the color app prototype I made. Iβll see if I can dust it off and send it to you.
oh, oh...this, this tool...I hadn't seen it before,...
it's a whole new world.
Well, not by eye completely, because I was choosing the points up in Figma and only changed the colour, but not 100% accurate. Yep, they took a lot, but the starting point was MUI Colors, from there, I adapted it.
I am still working on it..................
sure go ahead, I would love to test it out!
Sure is, enjoy π they do have some restrictions on sharing, but otherwise awesome
Ahh, I choose my palettes starting from scratch. Certainly more time-intensive than I wouldβve guessed π
Cool, Iβll send that to you after a few fixes π
Restriccion on sharing?
Should I keep it as a secret? π
No rush!
Itβs an older project and wonβt build on a clean install, so uh, itβll probably take a month π