Design Resources 2022

Resources

Supper Tools

• Omatsuri

Philosophy

Atomic Design

UX

• Laws of UX
• Real World Design Patterns
• Coglode - UX behavioral insight

Design Inspiration

• Designspiration

• Mobbin
  Owwly
  A curated list of upcoming and stand-out projects. A good place to see emerging bleeding-edge design trends.

• SiteInspire

• DesignInpiration

• Awwwards

• wow-web

• godly

• typewolf

• land book

User Research and Feedback

• Emojics

Accessibility

Accessibility

Accessibility Tools

• Color Contract checker
• Accessible Palette

Accessibility References

• Accessible palette - Wildbit

Color

• Coolors
• Color Dopely
• colorchef
• huemint

Color Inspiration

• nippon colors
• AI pallets Maker
• Color and Fonts

Color Tools

• Curls
  • tones, shades, tints
• htmlcoloCodes - dev-friendly color
• Color Box
  • tone, tint, shade generator
• Huemint
  • robust tool for palette discovery, for example in web, gradients, illustration
• ColorSupply - pallete maker
  • picker with references and examples
• ColorWall
  • store palette
• MyColor.space
  • palette generator
• Adobe Pallet Maker
• Color picker - MDN

Color Palettes

• Color UI
• Happy Hues - pallets and example ui
• ColorWise - color pallets
• ColorHunt - color pallets
• Palette list
• Scheme Color
• ColorDrop

Tones, Tints, Shades

• shadowlord
• Shade Generator ******
• Color Toner - dopely.top

Gradients, Aurora and Glass

• Web Gradients
• Grabient
• Gradients - with css
• css.glass

Color Tools and Other

• formulas to convert color hex - rgb
• Sipp - pallete manager
• haikei

Typography

Technical Tools

• Utilities to create and convert Web Open Font File (WOFF) files

brew install woff2

Typography Resources

Type Foundries

• Font Share

• Open Foundry

• Uncut

• Velvetyne

• Tunera

• VJ type

• SharpType

• Atipo Foundry

• Indian Type Foundry

Type Aggregator

• Fontspring
• Raphael Bastinde Font Foundry List

Typography Tools

• Type scale mocker - Type Scale
• Pairing tool - fontjoy

Video

Resource

• mixkit - free assets

Logo/Mark

Tools

• Dotgrid - logo maker tool
• Curated Logo List

Image

Tools

• AI image enhancement

Design Systems / Webkits

• Design System checklist

Iconography

• The Noun project

References

• Raphael Bastinde Font Foundry List

Other

• Meta tag previewer
• Graphic design terms
• blobmaker