Finding the right inspiration is key to tackling a UI/UX design project. That’s why I’m sharing some of my favourite resources for colour schemes, components, and typefaces.
TLDR:
Color Palette Inspiration:
RealtimeColors: Offers live previews of colour schemes applied to websites.
Huemint uses AI to suggest colours based on design use cases (websites, gradients, etc.).
Colorkit is a simpler option for generating palettes, shades, and tints.
Design Inspiration:
Mobbin features screenshots of real-world app and website designs for practical ideas.
Consider Refero or NicelyDone.club as similar options to Mobbin.
Font Inspiration:
Try FontPair for curated font pairings and examples.
Fontjoy uses machine learning to help you find the perfect font combinations.
Let’s dive deeper,
RealtimeColors | Color Themes
https://www.realtimecolors.com/
It is a perfect place if you are trying to figure out the colour scheme for your next project. The best part of this tool is that you see your colour scheme getting applied on the website in real time, and it totally makes sense. The creator of this tool continue to add new features while keeping it free.
It would be best to try this to see how good this tool is.
Huemint | Color Themes
This is a close contender to realtimeColor, and in some ways, it is better than it in that it also allows you to see the colour palette application examples on websites, brand assets, illustrations and even gradients.
It uses machine learning to generate colours for graphic design. Instead of generating a flat palette and leaving you to figure out how to apply it, it can generate colours based on how each colour will be used in the final design.
Colorkit | Color Themes
If you are looking for colour palettes and do not care much about seeing the real-time preview, this is useful. It also has other utilities, like a gradient generator, etc. If you want to generate shades and tints for your colours, this could be useful as well.
Mobbin | UI Design and workflow
This platform is a great source of inspiration for your next web or mobile app design. The best part is that you see designs of real apps and websites, unlike other platforms such as Dribble or Behance, where some designs only look good but don’t actually work well in terms of User Experience.
The filter options are useful, and you can even search for screens containing specific text. The platform may take some time to get used to, but it’s worth it. The free version has limitations, so consider upgrading for the full experience.
Refero | UI Design and workflow
Similar functionality to Mobbin, freemium models have very limited functionality in the free tier, and the database is still evolving.
It also supports filtering by fonts but does not have Android app designs.
Fontjoy | Fonts and Typography
Font pairing with machine learning, and this actually works. Do not forget to read the “How it works” section on the website. It is interesting.
Fontjoy: ML-based font suggestion platform, source:
FontPair | Font and Typography
A curated collection of font pairing and free fonts. This also has collections that show fonts and their usage on real websites.
Fontpair font suggestions, source: https://www.fontpair.co/