{
  "title": "Design",
  "slug": "/design",
  "resources": [
    {
      "title": "UX/UI Designer Roadmap 2017",
      "desc": "Roadmap to becoming a UI/UX Designer in 2017",
      "url": "https://github.com/togiberlin/ui-ux-designer-roadmap",
      "tags": ["career", "ui", "ux"]
    },
    {
      "title": "Undraw",
      "desc": "Free vector illustrations for your website.",
      "url": "https://undraw.co",
      "tags": ["illustration", "svg", "ui"]
    },
    {
      "title": "Practical UI tips",
      "desc": "7 Tips to boost your UI design.",
      "url": "https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886",
      "tags": ["ui", "tips", "tricks"]
    },
    {
      "title": "UI tips",
      "desc": "Design tips by Steve Schoger",
      "url": "https://twitter.com/i/moments/880688233641848832",
      "tags": ["ui", "tips", "tricks"]
    },
    {
      "title": "Colorhunt",
      "desc": "Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes",
      "url": "http://colorhunt.co/",
      "tags": ["color", "palette"]
    },
    {
      "title": "Flatuicolorpicker",
      "desc": "Flatuicolorpicker is a project digging the Flat Color Picker which gives you the perfect colors for flat designs",
      "url": "http://www.flatuicolorpicker.com",
      "tags": ["color", "palette"]
    },
    {
      "title": "awwwards",
      "desc": "The awards for design, creativity and innovation on the Internet. Get your inspiration here or even submit your own website!",
      "url": "https://awwwards.com",
      "tags": ["inspiration", "awards"]
    },
    {
      "title": "One Page Love",
      "desc": "One Page websites, templates and resources",
      "url": "https://onepagelove.com/",
      "tags": ["templates", "inspiration"]
    },
    {
      "title": "CSS Winner",
      "desc": "CSS Winner is a unique global platform awarding and showcasing the best websites and promoting innovative web designers, developers and agencies. We popularize the websites designed elsewhere through CSS Winner, increasing competence and coherence in collation and awarding them.",
      "url": "https://www.csswinner.com/",
      "tags": ["inspiration", "awards"]
    },
    {
      "title": "Httpster",
      "desc": "Httpster is an inspiration resource showcasing totally rocking websites made by people from all over the world.",
      "url": "https://httpster.net/",
      "tags": ["inspiration", "showcase"]
    },
    {
      "title": "siteinspire",
      "desc": "siteInspire is a showcase of the finest web and interactive design.",
      "url": "https://www.siteinspire.com",
      "tags": ["inspiration", "showcase"]
    },
    {
      "title": "ShapeFactory",
      "desc": "Simple design tools for everyone. Simply create a logo, pigment/color scheme, gradient or duetone style.",
      "url": "https://shapefactory.co",
      "tags": ["tools", "housestyle", "generator"]
    },
    {
      "title": "lapa.ninja",
      "desc": "The best resources for learning design.",
      "url": "https://www.lapa.ninja/learn/",
      "tags": ["educational", "tutorial", "learning"]
    },
    {
      "title": "Hyperpixel.io",
      "desc": "Discover the latest designs for your own inspiration from our curated list of landing pages.",
      "url": "https://hyperpixel.io/",
      "tags": ["inspiration", "showcase"]
    },
    {
      "title": "sharpen.design",
      "desc": "Sharpen is where designers hone their craft - randomly generated design challenges.",
      "url": "https://sharpen.design/",
      "tags": ["challenges", "practice", "generator"]
    },
    {
      "title": "Good UI",
      "desc": "A Good User Interface Is One That's Backed By Reproducible Evidence (A/B Tests)",
      "url": "https://goodui.org/",
      "tags": ["educational", "inspiration"]
    },
    {
      "title": "SVG ON THE WEB",
      "desc": "A Practical Guide",
      "url": "https://svgontheweb.com/",
      "tags": ["educational", "guide", "svg"]
    },
    {
      "title": "UI Gradients",
      "desc": "Beautiful color gradients for design and code.",
      "url": "https://uigradients.com/",
      "tags": ["generator", "inspiration", "color"]
    },
    {
      "title": "evernote.design",
      "desc": "Basically webgems but just for design.",
      "url": "https://evernote.design",
      "tags": ["inspiration", "resources", "collection"]
    },
    {
      "title": "Inclusive Components",
      "desc": "A blog trying to be a pattern library, with a focus on inclusive design. Each post explores a common interface component and comes up with a better, more robust and accessible version of it.",
      "url": "https://inclusive-components.design",
      "tags": ["educational", "inclusive", "accessibility"]
    },
    {
      "title": "UX Collective",
      "desc": "A Medium-based blog, curating articles on modern UX Design practices, conventions, and ideas.",
      "url": "https://uxdesign.cc/",
      "tags": ["reading", "inspiration", "educational"]
    },
    {
      "title": "Codrops",
      "desc": "Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities.",
      "url": "https://tympanus.net/codrops/",
      "tags": ["reading", "educational"]
    },
    {
      "title": "Hero Patterns",
      "desc": "A collection of repeatable SVG background patterns for you to use on your web projects.",
      "url": "https://www.heropatterns.com/",
      "tags": ["background", "pattern", "svg"]
    },
    {
      "title": "Subtle Patterns",
      "desc": "A collection of subtle patterns to use in your projects.",
      "url": "https://www.toptal.com/designers/subtlepatterns/",
      "tags": ["background", "pattern", "subtle"]
    },
    {
      "title": "Cool Backgrounds",
      "desc": "descCool Backgrounds offers a selection of beautiful, enticing image backgrounds to add to your blog post, website, or wallpaper.",
      "url": "https://coolbackgrounds.io/",
      "tags": ["background", "inspiration"]
    },
    {
      "title": "Can't Unsee",
      "desc": "A game where your attention to details earns you a lot of coins. WARNING: Once you see the difference between the images, you won't be able to unsee it!",
      "url": "https://cantunsee.space/",
      "tags": []
    },
    {
      "title": "Image Color Picker",
      "desc": "Image color picker and palette generator.",
      "url": "https://image-color.com",
      "tags": ["generator"]
    },
    {
      "title": "GoodBrief",
      "desc": "GoodBrief is a random generator for design briefs. Choose the type of creative work and the industry, and goodbrief will generate a unique brief.",
      "url": "http://goodbrief.io",
      "tags": ["generator"]
    },
    {
      "title": "Google Fonts",
      "desc": "Large library of high-quality, free web fonts.",
      "url": "https://fonts.google.com/",
      "tags": ["typography", "collection"]
    },
    {
      "title": "Practical Typography",
      "desc": "A just-deep-enough dive into typography for designers.",
      "url": "https://practicaltypography.com/",
      "tags": ["typography", "educational", "reading"]
    },
    {
      "title": "Wakamai Fondue",
      "desc": "Extensive font file analyzer that tells you everything you need to know about your font.",
      "url": "https://wakamaifondue.com/",
      "tags": ["typography", "tools"]
    },
    {
      "title": "Typewolf",
      "desc": "Discover trending fonts and pairings from around the web.",
      "url": "https://www.typewolf.com/",
      "tags": ["typography", "collection", "inspiration"]
    },
    {
      "title": "Typography Handbook",
      "desc": "A concise, referential guide on best web typographic practices.",
      "url": "http://typographyhandbook.com",
      "tags": ["typography", "guide", "best practices", "educational"]
    },
    {
      "title": "Fontjoy",
      "desc": "Generate font combinations with deep learning.",
      "url": "https://fontjoy.com/",
      "tags": ["typography", "tools"]
    },
    {
      "title": "Web Color Data",
      "desc": "Disover color palettes of popular websites.",
      "url": "http://webcolourdata.com/",
      "tags": ["color", "palette", "inspiration"]
    },
    {
      "title": "Adobe Color",
      "desc": "Create a color palette with this helpful tool of Adobe.",
      "url": "https://color.adobe.com/",
      "tags": ["color", "palette"]
    },
    {
      "title": "Colourcode",
      "desc": "colourco.de is an online designer tool, which allows you to easily and intuitively combine colours.",
      "url": "https://colourco.de",
      "tags": ["color", "palette"]
    },
    {
      "title": "ColorBox",
      "desc": "Colorbox is a color tool to produce color sets.",
      "url": "https://www.colorbox.io",
      "tags": ["color", "palette"]
    },
    {
      "title": "Palettte.app",
      "desc": "Build, analyze and edit smooth color palettes.",
      "url": "https://palettte.app/",
      "tags": ["color", "palette"]
    },
    {
      "title": "colormind.io",
      "desc": "Generate colorpalettes with a live preview of how it could look like on a website.",
      "url": "http://colormind.io/",
      "tags": ["color", "palette"]
    }
  ]
}