Design

Colors

permute hex values to create a nice-looking scheme:

  • hard main theme colors by permuting cc, ff, 66, 99 (like 99cc66)
  • pastel main theme colors by permuting a, b, c, d, e, g (like acebcb)
  • text colors with a blue taint with 1a2a3a and then increasing the numbers to get lighter
  • background colors with repeating a, b, c, d, e, g (like bbbbbb)

generators:

  • http://paletton.com/ for pastel colors
  • https://color.adobe.com/create
  • https://mycolor.space/
  • https://coolors.co/app

pre-made:

  • https://colorhunt.co/ for premade color palettes
  • https://www.webdesignrankings.com/resources/lolcolors/ for premade color palettes
  • https://webgradients.com/ for premade gradients

Fonts

fonts:

  • https://www.typewolf.com/ for typography inspirations
  • https://typeanything.io/ to try out font combinations
  • https://fontpair.co/ to pair fonts
  • https://fonts.google.com/ for free fonts
  • https://www.fonts.com/ for paid fonts
  • https://www.myfonts.com/ for paid fonts

Content

videos:

  • https://coverr.co/ for free videos

photos:

  • https://www.pexels.com/ for free photos
  • https://pixabay.com/ for free photos
  • https://unsplash.com/ for free photos
  • http://thestocks.im/ for a free stock media aggregator

illustrations:

  • https://www.flaticon.com/ for fremium icon pacs
  • https://undraw.co/ for free illustrations

patterns:

  • https://www.toptal.com/designers/subtlepatterns/ for patterns

generate:

  • https://www.draw.io/ to draw diagrams

Layout

mockups:

  • https://balsamiq.com/ for mockups
  • https://www.flinto.com/ for interactive prototypes
  • https://www.fluidui.com/ for collaborative UI design
  • https://www.invisionapp.com/ for collaborative pixel perfect screen designs
  • https://www.justinmind.com/ for pixel perfect user flows

UI designs:

  • https://dribbble.com/ for UI designs
  • https://uimovement.com/ for over the top UI designs
  • https://www.behance.net/ for designs
  • https://www.awwwards.com/ for daily awarded web design
  • http://beautifulopen.com/
  • https://www.refactoringui.com/
  • https://rauno.me/craft for tricks creating awesome designs

templates:

  • https://carrd.co/ for landing pages
  • https://html5up.net for landing pages
  • https://inovatik.com/ for landing pages
  • http://blacktie.co/
  • https://www.styleshout.com/
  • https://templated.co/
  • https://www.creative-tim.com/ (inkl. vueJS)

frameworks:

  • http://getbootstrap.com/
  • http://carbondesignsystem.com/
  • http://foundation.zurb.com/
  • http://semantic-ui.com/