[38;5;12m                                [39m[38;2;255;187;0m[1m[4mAwesome Web Design [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m
[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA curated list of awesome resources for digital designers.[39m

[38;5;14m[1mCheck out my [0m[38;5;12mwebsite[39m[38;5;14m[1m (http://nicolesaidy.com) & [0m[38;5;12mblog[39m[38;5;14m[1m (http://blog.nicolesaidy.com). ✨[0m

[38;2;255;187;0m[4mContents[0m

[38;5;12m- [39m[38;5;14m[1mBlog & News[0m[38;5;12m (#blog--news)[39m
[38;5;12m- [39m[38;5;14m[1mInspiration[0m[38;5;12m (#inspiration)[39m
[38;5;12m- [39m[38;5;14m[1mColors[0m[38;5;12m (#colors)[39m
[38;5;12m- [39m[38;5;14m[1mTypography[0m[38;5;12m (#typography)[39m
[38;5;12m- [39m[38;5;14m[1mIcons[0m[38;5;12m (#icons)[39m
[38;5;12m- [39m[38;5;14m[1mImages[0m[38;5;12m (#images)[39m
[38;5;12m- [39m[38;5;14m[1mGuidelines[0m[38;5;12m (#guidelines)[39m
[38;5;12m- [39m[38;5;14m[1mDesign Tools[0m[38;5;12m (#design-tools)[39m
[38;5;12m- [39m[38;5;14m[1mPrototype Tools[0m[38;5;12m (#prototype-tools)[39m
[38;5;12m- [39m[38;5;14m[1mTutorials[0m[38;5;12m (#tutorials)[39m
[38;5;12m- [39m[38;5;14m[1mBooks[0m[38;5;12m (#books)[39m
[38;5;12m- [39m[38;5;14m[1mProductivity[0m[38;5;12m (#productivity)[39m
[38;5;12m- [39m[38;5;14m[1mSlack Teams[0m[38;5;12m (#slack-teams)[39m

[38;2;255;187;0m[4mBlog & News[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWeb Designer News[0m[38;5;12m (http://webdesignernews.com): The best curated stories for designers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMarvel Blog[0m[38;5;12m (http://blog.marvelapp.com): The latest news, resources and thoughts from the Marvel team.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe Next Web[0m[38;5;12m (http://thenextweb.com/section/creative/): International technology news, business & culture.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMedium[0m[38;5;12m (https://medium.com/tag/web-design): A community of readers and writers offering unique perspectives on ideas large and small.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCreative Bloq[0m[38;5;12m (http://www.creativebloq.com/): Art & design inspiration.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSmashing Magazine[0m[38;5;12m (http://smashingmagazine.com): For professional web designers & developers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSitepoint[0m[38;5;12m (https://www.sitepoint.com/design-ux/): A hub for web developers & designers to share their passion for building incredible internet things.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDesigner News[0m[38;5;12m (https://www.designernews.co/): Where the design community meets.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mReddit Web Design[0m[38;5;12m (https://www.reddit.com/r/web_design/): A place for designers to contribute useful posts, ask questions or engage in discussion.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMorning Reader[0m[38;5;12m (https://morningreader.com): Breaking tech news.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle design[0m[38;5;12m (https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA): Youtube channel featuring videos for designers about Google design.[39m

[38;2;255;187;0m[4mInspiration[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAwwwards[0m[38;5;12m (http://awwwards.com): Best web design trends.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mOne Page Love[0m[38;5;12m (http://onepagelove.com):  Design gallery showcasing the best Single Page websites.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mInspired UI[0m[38;5;12m (http://inspired-ui.com/): Mobile apps design patterns.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBehance[0m[38;5;12m (http://behance.net): Showcase & discover creative work.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDribbble[0m[38;5;12m (http://dribbble.com): Show and tell for designers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mProduct Hunt[0m[38;5;12m (http://producthunt.com): The place to discover your next favorite thing.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUI Movement[0m[38;5;12m (https://uimovement.com): The best UI design inspiration, every day.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPttrns[0m[38;5;12m (http://pttrns.com/): The finest collection of design patterns, resources and inspiration.[39m

[38;2;255;187;0m[4mColors[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mBrandcolors[0m[38;5;12m (https://brandcolors.net/): Official colors for the world's biggest brands.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAdobe Color CC[0m[38;5;12m (https://color.adobe.com/): Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPaletton[0m[38;5;12m (http://paletton.com): A designer tool for creating color combinations that work together well.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCoolors[0m[38;5;12m (https://coolors.co/): Generate infinite color palettes for your designs.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLol Colors[0m[38;5;12m (http://www.lolcolors.com/): Curated color palette inspiration.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mColordot[0m[38;5;12m (https://color.hailpixel.com/): A color picker for humans.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGradients.io[0m[38;5;12m (http://www.gradients.io/): Curated gradients for designers & developers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUI Gradients[0m[38;5;12m (http://uigradients.com/): Beautiful color gradients.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mColorzilla[0m[38;5;12m (http://colorzilla.com): Eyedropper, color picker, gradient generator.[39m

[38;2;255;187;0m[4mTypography[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Web Fonts[0m[38;5;12m (http://fonts.google.com): Offering an intuitive and robust directory of open source designer web fonts.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFont Face Ninja Browser Extension[0m[38;5;12m (http://fontface.ninja/): You’re browsing a website and you want to find the name of a font? Here comes the ninja![39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFontpair[0m[38;5;12m (http://fontpair.co): Beautiful Google Font combinations and pairs.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mType Anything[0m[38;5;12m (https://typeanything.io/): Create great font combinations.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mType Scale[0m[38;5;12m (http://type-scale.com/): Preview and choose the right type scale for your project.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWhatTheFont[0m[38;5;12m (https://www.myfonts.com/WhatTheFont/): Seen a font in an image and want to know what it is? WhatTheFont will find the closest match.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTypewolf[0m[38;5;12m (https://www.typewolf.com/): Comprehensive web typography info, suggestions for font alternatives, and links to usage in the wild.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTyp.io[0m[38;5;12m (http://typ.io/): Typography inspiration from real websites.[39m

[38;2;255;187;0m[4mIcons[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFlat Icon[0m[38;5;12m (http://flaticon.com): Thousands of free flat icons.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFont Awesome[0m[38;5;12m (http://fontawesome.io): The iconic font and CSS toolkit.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mIcon Finder[0m[38;5;12m (http://iconfinder.com): 1 million free and premium icons.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe Noun Project[0m[38;5;12m (https://thenounproject.com/): Icons for Everything.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFavicon Generator[0m[38;5;12m (http://www.favicon-generator.org/): Favicon & app icon generator.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFreepik[0m[38;5;12m (http://freepik.com): Free vectors in different formats.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mVecteezy[0m[38;5;12m (http://vecteezy.com): A collection of free vector art, vector graphics, illustrator backgrounds, etc.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMaterial Icons[0m[38;5;12m (https://material.io/icons/): Free to use material design icons from Google.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mIonicons[0m[38;5;12m (http://ionicons.com/): The premium icon font for Ionic Framework.[39m

[38;2;255;187;0m[4mImages[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPexels[0m[38;5;12m (https://pexels.com): Best free stock photos in one place.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUnsplash.it[0m[38;5;12m (http://unsplash.it): Placeholders using a beautiful image gallery.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPixabay[0m[38;5;12m (https://pixabay.com/): High quality photos and illustrations free for commercial use.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPlacehold.it[0m[38;5;12m (http://placehold.it): A quick and simple image placeholder service.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mImgur[0m[38;5;12m (http://imgur.com): The most awesome images on the internet.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFlickr[0m[38;5;12m (https://www.flickr.com): The home for all your photos.[39m

[38;2;255;187;0m[4mGuidelines[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1miOS Human Interface Guidelines[0m[38;5;12m (https://developer.apple.com/ios/human-interface-guidelines/): Offers everything you need to design beautiful, engaging iOS apps.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoogle Material Design[0m[38;5;12m (https://material.google.com/): A close look at the design, components & resources for Google's brand.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLaws of UX[0m[38;5;12m (https://lawsofux.com/): A collection of the maxims and principles that designers can consider when building user interfaces.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mUltimate Guide[0m[38;5;12m (https://www.moveoapps.com/ultimate-guide-to-mobile-app-design-principles): The ultimate guide to mobile app design principles that make your app shine.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mGoodUI[0m[38;5;12m (http://www.goodui.org/): 5 Ways You Can Get A Better UI.[39m

[38;2;255;187;0m[4mDesign Tools[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSketch[0m[38;5;12m (http://sketchapp.com): A lightweight program for digital design for Mac.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFigma[0m[38;5;12m (http://figma.com): The collaborative interface design tool.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAdobe XD[0m[38;5;12m (https://www.adobe.com/products/experience-design.html): Prototyping & wireframing Tool.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1minVision Studio[0m[38;5;12m (https://www.invisionapp.com/studio): Rapid prototyping, animation, built-in design systems, and collaboration.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mCanva[0m[38;5;12m (http://canva.com): Amazingly simple graphic design software.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFramer X[0m[38;5;12m (https://framer.com/): Interaction Design and UX design software.[39m

[38;2;255;187;0m[4mPrototype Tools[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mZeplin[0m[38;5;12m (https://zeplin.io/): A great collaboration tool between designers and developers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAvocode[0m[38;5;12m (https://avocode.com/): A workspace open to all designers and developers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1minVision[0m[38;5;12m (https://www.invisionapp.com/): The world's leading prototyping, collaboration & workflow platform.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mJustinmind[0m[38;5;12m (http://justinmind.com): Prototype faster, communicate better, for web and mobile apps.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mMarvel App[0m[38;5;12m (https://marvelapp.com/): Free mobile & web prototyping for designers.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAtomic.io[0m[38;5;12m (https://atomic.io/): Free in Browser interactive design Tool.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mFlinto[0m[38;5;12m (https://www.flinto.com/):  App to create interactive and animated prototypes of designs.[39m

[38;2;255;187;0m[4mTutorials[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTreehouse[0m[38;5;12m (https://teamtreehouse.com/tracks/web-design): Brings affordable, technology education to people everywhere.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTuts Plus Web Design Tutorials[0m[38;5;12m (http://webdesign.tutsplus.com/): Free web design and development tutorials.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSpringboard[0m[38;5;12m (https://www.springboard.com): Personalized approach, designed to help you achieve your goals and advance your career.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mLearn Sketch[0m[38;5;12m (https://www.sketchapp.com/learn/): Short videos and compiled invaluable resources to help you get started![39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mAdobe XD Guide[0m[38;5;12m (https://www.xdguru.com/adobe-xd-guide/): A 12,000-words-long comprehensive guide for XD beginners and current users. [39m

[38;2;255;187;0m[4mBooks[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mWeb design playground[0m[38;5;12m (https://www.manning.com/books/web-design-playground/): A step by step guide from writing your first line of HTML to creating interesting, attractive web pages.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDon't make me think[0m[38;5;12m (https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mThe design of everyday things[0m[38;5;12m (https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123)[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1m100 things every designer needs to know about people[0m
[38;5;12m (https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535/ref=sr_1_1?s=books&ie=UTF8&qid=1419267906&sr=1-1&keywords=100+Things+Every+Designer+Needs+to+Know?utm_source=CMblog&utm_medium=post&utm_campaign=blog_)[39m

[38;2;255;187;0m[4mProductivity[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPomodoro[0m[38;5;12m (http://tomato-timer.com): A cool time management technique for a more productive way to work and study.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mToggl[0m[38;5;12m (http://toggl.com): Time tracker to improve workplace productivity.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTrello[0m[38;5;12m (http://trello.com): Organize and prioritize your projects in a fun, flexible and rewarding way.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mRescueTime[0m[38;5;12m (https://www.rescuetime.com): Helps you understand your daily habits so you can focus and be more productive.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mQbserve[0m[38;5;12m (https://qotoqot.com/qbserve/): Automatic time tracking, invoicing, and real-time productivity feedback.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mPaste[0m[38;5;12m (http://pasteapp.me/): A smart clipboard history manager for Mac.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mSip[0m[38;5;12m (http://sipapp.io/): A color picker for Mac.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTiming[0m[38;5;12m (https://timingapp.com/): Automatic time and productivity tracking for Mac.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTaskade[0m[38;5;12m (https://taskade.com/): Collaborative task lists and outlines for teams.[39m

[38;2;255;187;0m[4mSlack Teams[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTeam Sketch[0m[38;5;12m (http://teamsketch.io): A community for Sketch designers powered by Slack[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDesigner Hangout[0m[38;5;12m (https://www.designerhangout.co): A place where UXers from around the world discuss user experience.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mDesign Talks[0m[38;5;12m (https://docs.google.com/forms/d/e/1FAIpQLSeKT_LC8kKTzJ4JjmgVQVpfl24i1qBkjJ7TYyQcNHL7fBQkYQ/viewform?c=0&w=1): A community for UI/UX design, web design, freelancing, design critiques, etc.[39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m[38;5;14m[1mTheDesignerShip[0m[38;5;12m (http://thedesignership.com/): A community of over 1,500+ designers and founders.[39m

[38;2;255;187;0m[4mShare[0m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m
[48;5;12m[38;5;11m⟡[49m[39m[38;5;12m [39m

[38;2;255;187;0m[4mLicense[0m
[38;5;14m[1m![0m[38;5;12mCC0[39m[38;5;14m[1m (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)[0m[38;5;12m (https://creativecommons.org/publicdomain/zero/1.0/)[39m
