Oi pessoal, hoje quero compartilhar com você alguns links "mega" importantes que uso no dia-a-dia para desenvolver layout, e que me auxiliam muito na hora de escolher cores, ícones e imagens. Vamos conhecer!

Paletas de Cores

Na hora de escolher uma cor é um sacríficio para mim, por isso demoro horas e horas para decidir qual usar e no final mudo umas 5 vezes (fazer o que, né). Por isso é muito bom ter alguns sites para facilitar sua vida, por isso sempre utilizo esses aqui:

https://color.adobe.com/pt/create/color-wheel/

Várias opções para criar as paletas de cores.

https://colorhunt.co/

Você pode verificar as mais recentes, mais "curtidas" e até as mais populares do site.

https://www.materialui.co/colors

Paletas de cores do Material Design.

Gradientes

https://webgradients.com/

Utiliza cores pastéis que são tendência! Opção de exportar para Sketch e PSD.

https://gradienthunt.com/?ref=webdesignernews.com

Opção de extensão ao navegador do Chrome!

http://ourownthing.co.uk/gradpad.html

Muito fácil de criar o seu efeito gradiente!

Ícones

Todos os ícones são, por isso escolho desses sites, são variados e tem a opção de SVG.

https://icomoon.io/app/#/select/library

Opções de importar sua biblioteca em SVG, e escolher mais ícones de outras bibliotecas no site.

https://www.flaticon.com/

Muitas opções de ícones, tem a versão Premium também. Quando for exportar o ícone, pode escolher o formato de: PNG, SVG, EPS, PSD, </>BASE 64. Pesquisas em inglês, ok!

https://undraw.co/illustrations

Ilustrações lindíssimas com efeitos de gradientes e Flat Design. Vale a pena conferir e usar em seus projetos!

Imagens Free

Para escolher algumas imagens, sempre opto por esses sites aqui. O banco de imagens tem as opções grátis e paga, e mesmo a opção grátis é de ótima resolução.

https://www.freepik.com/

Um dos sites mais conhecidos de banco de imagens. Muito bom para quem busca referências de trabalhos! Recomendo.

https://pixabay.com/

Corrente do Freepik. Você consegue realizar pesquisas em português também. Existem milhares de opções de imagens, mas não tem a gama de diverisidade do Freepik.

Bônus

Caso você não saiba qual imagem colocoar no seu layout, e quer só definir um tamanho específico, utilize essas opções em que geram uma imagem aleatória para você!

https://placekitten.com/

Muitos gatinhos fofos :)

https://placeholder.com/

Esse site simula o tamanho da sua imagem, assim você não se preocupa em colocar imagens Fakes até ter definido a verdadeira. Ótima opção para exibir o esboço do seu layout sem o conteúdo definido.

Até a próxima!