Master tools for designing

  • data-vis
  • tools
  • design
  • summer

Theory

  • Material Design
    • Material is a design system created by Google to help teams build high-quality digital experiences for Android, iOS, Flutter, and the web.

Charts

Text

  • Google Fonts
    • Making the web more beautiful, fast, and open through great font.
  • Sans Forgetica
    • Sans Forgetica is a font designed using the principles of cognitive psychology to help you to better remember your study notes.
  • FontPair
    • Typography site dedicated to helping creators use beautiful typography for their creative projects.
  • Canva Font Combinations
    • Find a font combination for your design needs.
  • Canva Font Pairings
    • Font pairings according to the content or publication type they work best for.
  • Wordmark.it
    • Helps you choose fonts.
  • Capitalize My Title
    • Title-capitalization tool.
  • Amp What
    • Discover Unicode & HTML character entities.
  • Unicode Character Table
    • Discover Unicode characters for any language.
  • 😋 Get Emoji
    • All Emojis to ✂️ Copy and 📋 Paste 👌

Colours

  • Color Designer
    • Color tools platform with 11 different tools –  color wheel, palettes, scheme builder, gradient options and more.
  • Picular
    • Picular is a rocket fast primary colour generator using Google’s image search. If you ever needed the perfect yellow hex code from a banana, this is the tool for you.
  • Colour Wheel
    • Create colour schemes with the color wheel or browse thousands of color combinations from the Color community.
  • Color Calculator
    • Your handy interactive color wheel.
  • Color Picker
    • Pick your color online.
  • Grabient
    • Gallery of different gradients.
  • ColorBrewer
    • Color advice for cartography.
  • Color Blender
    • Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you'd like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.
  • Web colors
    • Wiki article about main HTML colours.
  • BrandColors
    • The biggest collection of official brand color codes around.
  • Coblis
    • Color Blindness Simulator.
  • Coolors
    • The super fast color schemes generator.
  • Color Palette Generator
    • Want a color scheme that perfectly matches your favorite images? With Canva’s color palette generator, you can create color combinations in seconds.
  • Datafam Colors by the Flerlage Twins
    • A Tableau Color Palette Crowdsourcing Project
  • Color Hunter
    • Create and find color palettes made from images.
  • Colors from Image
    • Upload file from your computer or insert link to online image to access its color codes.
  • Colors for gender data
    • Alternatives to pink & blue.
  • Branition Colors
    • Hand-curated collection of color palettes best fitted for branding.

Icons

  • unDraw
    • Open-source illustrations for any idea you can imagine and create.
  • Feather Icons
    • Simply beautiful open source icons.
  • Iconfinder
    • Free and premium vector icons.
  • Iconbrew
    • A free and open source icon pack.
  • Font Awesome
    • Scalable vector icons that can instantly be customized with the power of CSS.
  • SVG Path Editor
    • Online editor to create and manipulate SVG paths.
  • SVG REPO
    • Explore, search and find the best fitting icons or vectors for your projects using wide variety vector library.
  • Flaticon
    • Free vector icons
  • IcoMoon App
    • Free icons
  • Font Awesome Icons
    • Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
  • Noun Project
    • Icons and photos for everything

Photos

  • Freepik
    • Free vectors, stock photos & PSD downloads
  • StockSnap
    • The one-stop-shop for all free stock photos
  • Unsplash
    • Beautiful free images & pictures
  • Pexels
    • Free stock photos

Maps

  • Mapbox
    • Maps and location for developers
  • TableauMapping.bi
    • Democratising the world's mapping data for the Tableau community.

Website

Software

  • Figma
    • Figma helps teams create, test, and ship better designs from start to finish; making it amazing for UX designs.
  • Piktochart
    • Quickly turn any text- or data-heavy content into a stunning report, presentation, infographic, social media graphic, or printable.

Style Guides

Other

  • Excalidraw
    • Virtual whiteboard for sketching hand-drawn-like diagrams
Metadata