remember : don't use more than 2 or 3 fonts (well, if you're a designer, you'll know what to do with more fonts), and never, please, never include Comic Sans MS in those 3 fonts.
- google fonts : free & ready to use on the web
- adobe fonts : not free, but a ton of stuff, if you're willing to dive into design, may be worth it
- font awesome : icons as fonts
- typography cheatsheet : this is just because I can't help myself but put some typography knowledge in all the resources I give.
- font pair : helps you pairing fonts together
- typo samples : samples of fonts in action together
- font face ninja : must have extension, that allows you to spy on fonts
- better web type : a free web typography course for web designers & web developers - for those who want to dive deeper in typography & webfonts
- design is all about the type : great article about design & typography
- Lost Type : free fonts
- Typography : paid fonts (but nice fonts)
- Commercial Type : other fonts
golden rule : no more than 3 colors, completed by a gray scale. don't hesitate to get inspiration from other websites, re-inventing the (internet's)wheel in 2019 can be difficult and counterproductive.
- color hunt : nice color palettes brought to you by designers (useful if don't have any clue about colors !)
- coolors : color palette generator - use it with caution, most of the palettes are really nice, but it's still randomly generated !
- colorable : tool to verify the color accessibility of your color scheme (#WebAccessibilityFTW)
- sip : color picker (15 days of free trial and 10$/year, really worth it !)
- color zilla : color picker for web browser (chrome & firefox extensions)
- cool hue : nice gradients
- UI gradients : nice gradients, bis repetita
- picular : google, but for colors
- color box : color generator
- Product Hunt : inspiration for pretty much everything
- Lapa Ninja : landing page inspiration
- Awwwards : the awards of design, creativity and innovation on the internet
- dribbble : show and tell for designers
- one page love : cool one pagers
- site inspire : as the name suggests
- land-book : some other awesomness
- httpster : inspiration resource showcasing totally rocking websites made by people from all over the world. (<- my fav one)
- UI movement : community of design enthusiasts who share and discuss the most interesting and unique UI designs.
- good UI: approved patterns for a good UI
- call to idea : more & more inspirations
- muz.li : well, another one for inspiration
- humans fyi : inspiration for personnal websites
- icon store : free icons made by designers
- noun project : icons for everything
- nucleo app : application to collect, customize and export all your icons.
- simple icons : free SVG icons for popular brands
(don't try to do something over complicated, the simplest logos are pretty much always the best !)
- Tailor brands : logo generator
- hipster logo generator : pretty self explanatory, a hipster logo generator
- Undraw : open source illustrations for your projects
- Logo Maker : and another logo maker
- freegma : free figma resources
- Figma resources : (again) free figma resources
- freebies UI : (and again) free figma resources
- coding heroes : resources for building beautful websites with HTML, CSS and JavaScript
- sans francis.co : collection of tools to help designers craft delightful experiences
- sidebar : the 5 best design links, everyday
- place kitten : use kitten images 🐱as placeholders in your designs or code.
- SVG color : tool to apply a color palette on a bunch of icons
- Gif Rocket : create gifs from videos
- daily UI challenge : 100 days to be a better designer