Show IH: colors&fonts V3.0. New colors, gradients, fonts a new color system and refactored layout.
Hello everyone!
For the interested.
It was time to update all the colour palettes, gradients and fonts and finish up the colour system.
I took advantage and updated the layout and style too, removed the dark mode and just used as much white space as possible instead of having 32px padding on the desktop now is 4px.
Anyways, feel free to come to colorsandfonts.com and copy all the colour styles in one click or follow me on the Figma Community or Twitter for updates.
?filters%3Aformat%28webp%29=&compress=1&resize=2400x1800)
This image β¬ up here is new and completed Color System cleaned up. Before there were 14 different colours now is simplified to 12 and instead of having 12 different shades, there are 8.
?filters%3Aformat%28webp%29=&compress=1&resize=2400x1800)
This is the colour palettes, there are 20 new colour palettes and coming up more soon, you will find them here and on Figma available to duplicate with the previous versions.
Around...500 colours more or less.
?filters%3Aformat%28webp%29=&compress=1&resize=2400x1800)
?filters%3Aformat%28webp%29=&compress=1&resize=2400x1800)
Brand new Google Font pairings.
It was time to update the font pairings for once, you can preview here the 45 of the most popular Google font combinations.
Get it on the website:
or on Figma community -
https://www.figma.com/community/file/1095193308366945638
?filters%3Aformat%28webp%29=&compress=1&resize=2400x1800)
Get it all the website:
- colorsandfonts.com
or on Figma community - https://www.figma.com/community/file/990383601835254741
Nice!
I still really like the custom color palette. Have you considered making a less saturatedβ/βmuted palette for dark mode designs?
For the inverse color transitions (white to black), I think a very light grey (border color) would be a lot easier on the eyes. That would let you keep the animation transitions under 300ms too.
Hey!
Do you mean the color system or or the new palettes?
I like idea of the dark mode...I will have thimk about it.
From white black,it was intentional π i like the dramatic change.
Yea, a second palette, which should be more desaturated for dark mode, see https://material.io/design/color/dark-theme.html#ui-application
It hurts my bad eyes though π
It was intentional, I wanted to hurt people π
I'll fix that.
Maybe tonight's project π
Lols looking forward to it