Awesome Web Design

A curated list of awesome resources for digital designers.

Check out my website & blog. ✨

Contents

• Blog & News
• Inspiration
• Colors
• Typography
• Icons
• Images
• Guidelines
• Design Tools
• Prototype Tools
• Tutorials
• Books
• Productivity
• Slack Teams

Blog & News

• Web Designer News: The best curated stories for designers.
• Marvel Blog: The latest news, resources and thoughts from the Marvel team.
• The Next Web: International technology news, business & culture.
• Medium: A community of readers and writers offering unique perspectives on ideas large and small.
• Creative Bloq: Art & design inspiration.
• Smashing Magazine: For professional web designers & developers.
• Sitepoint: A hub for web developers & designers to share their passion for building incredible internet things.
• Designer News: Where the design community meets.
• Reddit Web Design: A place for designers to contribute useful posts, ask questions or engage in discussion.
• Morning Reader: Breaking tech news.
• Google design: Youtube channel featuring videos for designers about Google design.

Inspiration

• Awwwards: Best web design trends.
• One Page Love: Design gallery showcasing the best Single Page websites.
• Inspired UI: Mobile apps design patterns.
• Behance: Showcase & discover creative work.
• Dribbble: Show and tell for designers.
• Product Hunt: The place to discover your next favorite thing.
• UI Movement: The best UI design inspiration, every day.
• Pttrns: The finest collection of design patterns, resources and inspiration.

Colors

• Brandcolors: Official colors for the world's biggest brands.
• Adobe Color CC: Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.
• Paletton: A designer tool for creating color combinations that work together well.
• Coolors: Generate infinite color palettes for your designs.
• Lol Colors: Curated color palette inspiration.
• Colordot: A color picker for humans.
• Gradients.io: Curated gradients for designers & developers.
• UI Gradients: Beautiful color gradients.
• Colorzilla: Eyedropper, color picker, gradient generator.

Typography

• Google Web Fonts: Offering an intuitive and robust directory of open source designer web fonts.
• Font Face Ninja Browser Extension: You’re browsing a website and you want to find the name of a font? Here comes the ninja!
• Fontpair: Beautiful Google Font combinations and pairs.
• Type Anything: Create great font combinations.
• Type Scale: Preview and choose the right type scale for your project.
• WhatTheFont: Seen a font in an image and want to know what it is? WhatTheFont will find the closest match.
• Typewolf: Comprehensive web typography info, suggestions for font alternatives, and links to usage in the wild.
• Typ.io: Typography inspiration from real websites.

Icons

• Flat Icon: Thousands of free flat icons.
• Font Awesome: The iconic font and CSS toolkit.
• Icon Finder: 1 million free and premium icons.
• The Noun Project: Icons for Everything.
• Favicon Generator: Favicon & app icon generator.
• Freepik: Free vectors in different formats.
• Vecteezy: A collection of free vector art, vector graphics, illustrator backgrounds, etc.
• Material Icons: Free to use material design icons from Google.
• Ionicons: The premium icon font for Ionic Framework.