# Design Chillout
> The unique spot on YouTube for designers who like to keep it laid-back while staying ahead of the curve.

## Pages
- [Home](https://designchillout.co/)
- [404](https://designchillout.co/404)
- [Cooler box](https://designchillout.co/cooler-box)
- [Courses](https://designchillout.co/courses)
- [Designer toolkit](https://designchillout.co/designer-toolkit)
- [Resources](https://designchillout.co/resources)
- [Store](https://designchillout.co/store)

## Author
- [robin-louw](https://designchillout.co/resources/robin-louw)

## Cooler box
- [Fintech](https://designchillout.co/resources/fintech-landing-page)
- [Framer Marketplace](https://designchillout.co/resources/framer-marketplace)
- [Jake Baker](https://designchillout.co/resources/jake-baker)
- [Leo Baxter](https://designchillout.co/resources/leo-baxter)
- [Neogenix AI](https://designchillout.co/resources/neogenix-ai)
- [Paving Co – Framer Template](https://designchillout.co/resources/paving-co-framer-template)
- [Rachel](https://designchillout.co/resources/rachel)
- [Secret Santa](https://designchillout.co/resources/secret-santa)

## Course
- [Build Responsive HTML Emails using MJML](https://designchillout.co/resources/build-responsive-html-emails-using-mjml)
- [Design Theory: The basics of visual design](https://designchillout.co/resources/design-theory-the-basics-of-visual-design)
- [UX Design: Get started with Adobe XD 2022](https://designchillout.co/resources/ux-design-get-started-with-adobe-xd-2022)
- [Web Design: Get started with Framer](https://designchillout.co/resources/web-design-get-started-with-framer)

## Designer Toolkit / Category
- [3D](https://designchillout.co/resources/3d)
- [AI](https://designchillout.co/resources/ai)
- [Assets](https://designchillout.co/resources/assets)
- [Color](https://designchillout.co/resources/color)
- [Courses](https://designchillout.co/resources/courses)
- [Design Systems](https://designchillout.co/resources/design-systems)
- [Design Tools](https://designchillout.co/resources/design-tools)
- [Email design](https://designchillout.co/resources/email-design)
- [Framer](https://designchillout.co/resources/framer)
- [Inspiration](https://designchillout.co/resources/inspiration)
- [Typography](https://designchillout.co/resources/typography)
- [UX, UI](https://designchillout.co/resources/ux-ui)
- [Web Design](https://designchillout.co/resources/web-design)

## Designer Toolkit / Links
- [3dicons](https://designchillout.co/resources/3dicons): Beautifully crafted open source 3D icons
- [Accessibility for Teams](https://designchillout.co/resources/accessibility-for-teams): A guide for embedding accessibility and inclusive design practices into your team’s workflow
- [Accessibility.Dev](https://designchillout.co/resources/accessibility-dev): Free tools to test for some common accessibility issues
- [Adobe CC Tutorials](https://designchillout.co/resources/adobe-cc-tutorials): Adobe Creative Cloud Tutorials
- [Adobe Color](https://designchillout.co/resources/adobe-color): Create or browse colour schemes
- [Adobe Creative Cloud Discover](https://designchillout.co/resources/discover): Discover the possibilities with Adobe Creative Cloud
- [Adobe Education Exchange](https://designchillout.co/resources/adobe-education-exchange): Free Courses & Education Resources for Educators
- [Adobe Express](https://designchillout.co/resources/adobe-express): Design, Photo, and Video Tool
- [Adobe Firefly (Beta)](https://designchillout.co/resources/adobe-firefly-(beta)): Unlock your imagination with Adobe Firefly
- [Adobe Fonts](https://designchillout.co/resources/adobe-fonts): Explore unlimited fonts
- [Adobe Stock](https://designchillout.co/resources/adobe-stock): Stock assets for your next creative project
- [Apple Design](https://designchillout.co/resources/apple-design): Design guidelines by Apple
- [Atlassian Design System](https://designchillout.co/resources/atlassian-design-system): Atlassian's end-to-end design language
- [Awwwards](https://designchillout.co/resources/awwwards): Website Awards - Best Web Design Trends
- [Awwwards Academy](https://designchillout.co/resources/awwwards-academy): Online Web Design Courses, UX, UI, and Programming
- [Bard](https://designchillout.co/resources/bard): Bard, an AI experiment by Google
- [Baymard Institute](https://designchillout.co/resources/baymard-institute): E-Commerce UX Research Articles
- [Behance](https://designchillout.co/resources/behance): Showcase & discover creative work
- [Behance Blog](https://designchillout.co/resources/behance-blog): The latest design trends and news from Behance
- [Blender](https://designchillout.co/resources/blender): Free and Open 3D Creation Software
- [Blush](https://designchillout.co/resources/blush): Blush, Illustrations for Everyone
- [Bootstrap](https://designchillout.co/resources/bootstrap): Build responsive, mobile-first projects on the web
- [Brainly Design System](https://designchillout.co/resources/brainly-design-system): PENCIL the Brainly Design System
- [Can I email](https://designchillout.co/resources/can-i-email): Can I email… Support tables for HTML and CSS in emails
- [Canva](https://designchillout.co/resources/canva): Presentations, Video, Social Media
- [Carrd](https://designchillout.co/resources/carrd): Simple, free, fully responsive one-page sites for pretty much anything
- [CGTrader](https://designchillout.co/resources/cgtrader): 3D model marketplace for VR / AR and CG projects
- [Checklist Design](https://designchillout.co/resources/checklist-design): A collection of the best UX and UI practices
- [Codecademy](https://designchillout.co/resources/codecademy): Learn to Code - for Free
- [CodePen](https://designchillout.co/resources/codepen): Showcase design and development work
- [Coding Your Emails](https://designchillout.co/resources/coding-your-emails): Coding Your HTML Emails
- [Color - iOS](https://designchillout.co/resources/color-ios): Colour guidelines for iOS
- [Color - UWP](https://designchillout.co/resources/color-uwp): Colour guidelines for UWP apps
- [Color Hunt](https://designchillout.co/resources/color-hunt): Color Palettes for Designers and Artists
- [Color meanings](https://designchillout.co/resources/color-meanings): Color meanings and symbolism
- [Color Tool](https://designchillout.co/resources/color-tool): Create and share colour palettes for your UI
- [ColorBox](https://designchillout.co/resources/colorbox): A colour tool to produce colour sets
- [Colour Contrast Analyser](https://designchillout.co/resources/colour-contrast-analyser): Determine the legibility of text and the contrast of visual elements
- [Coursera](https://designchillout.co/resources/coursera): Degrees, Certificates, & Free Online Courses
- [CSS-Tricks](https://designchillout.co/resources/css-tricks): Tips on using Cascading Style Sheets
- [Data Viz project](https://designchillout.co/resources/data-viz-project): Collection of data visualizations to get inspired and finding the right type
- [Design Kit](https://designchillout.co/resources/design-kit): IDEO.org's platform to learn human-centered design
- [Design notes](https://designchillout.co/resources/design-notes): A free resource library for product designers
- [DesignBetter](https://designchillout.co/resources/designbetter): Discover the world's best design practice
- [DeviantArt](https://designchillout.co/resources/deviantart): Large online art gallery and community
- [dotLottie](https://designchillout.co/resources/dotlottie): dotLottie is an open-source file format that aggregates one or more Lottie files
- [DrawKit](https://designchillout.co/resources/drawkit): Illustrations for designers and startups
- [Dribbble](https://designchillout.co/resources/dribbble): Discover the world’s top designers & creative professionals
- [Dribbble Stories](https://designchillout.co/resources/dribbble-stories): The Design Blog by Dribbble
- [Dropbox Design](https://designchillout.co/resources/dropbox-design): A collection of resources for the design community
- [Email Design Reference](https://designchillout.co/resources/email-design-reference): Email Design Reference by Mailchimp
- [Email on Acid](https://designchillout.co/resources/email-on-acid): Email Testing and Rendering
- [Email on Acid Blog](https://designchillout.co/resources/email-on-acid-blog): Daily Email Design and Marketing Tips
- [EmailComb](https://designchillout.co/resources/emailcomb): Removes unused CSS from email templates
- [Envato Elements](https://designchillout.co/resources/envato-elements): The unlimited creative subscription
- [Eyecandy - Visual Technique Library](https://designchillout.co/resources/eyecandy-visual-technique-library): The visual technique library for visual technique lovers
- [FeedSpring](https://designchillout.co/resources/feedspring): Build beautiful social media feeds
- [Figma](https://designchillout.co/resources/figma): The collaborative interface design tool
- [Flagpack](https://designchillout.co/resources/flagpack): Open source flag icons to use in your design tool or in your code project
- [Flaticon](https://designchillout.co/resources/flaticon): Free vector icons
- [Fluent Design System](https://designchillout.co/resources/fluent-design-system): Design system by Microsoft
- [Fonts in use](https://designchillout.co/resources/fonts-in-use): An independent archive of typography
- [Fonts Knowledge](https://designchillout.co/resources/fonts-knowledge): Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose
- [Framer](https://designchillout.co/resources/framer): The website builder loved by designers.
- [Framer Academy](https://designchillout.co/resources/framer-learn): Tutorials, videos, and articles to get started with Framer
- [Framer Community](https://designchillout.co/resources/framer-community): Get Framer support, resources and the latest announcements
- [Framer Cursors](https://designchillout.co/resources/framer-cursors): Framer Cursors for your Framer sites
- [Framer Effects](https://designchillout.co/resources/framer-effects): Motion. Magic.
- [Framer for Developers](https://designchillout.co/resources/framer-for-developers): Developer docs and guides for Framer
- [Framer Marketplace](https://designchillout.co/resources/framer-marketplace): The best templates and plugins from the Framer community
- [Framer University](https://designchillout.co/resources/framer-university): Framer lessons and resources
- [FramerMart](https://designchillout.co/resources/framermart): Unlock the full potential of Framer with a library of components, animations, and tutorials
- [Framerverse](https://designchillout.co/resources/framerverse): Framer templates and resources
- [freeCodeCamp](https://designchillout.co/resources/freecodecamp): Learn to code — for free
- [Game UI Database](https://designchillout.co/resources/game-ui-database): The ultimate screen reference tool for game interface designers
- [GitHub](https://designchillout.co/resources/github): Learn, share, and work together to build software
- [Gmail AMP for Email](https://designchillout.co/resources/gmail-amp-for-email): Gmail AMP for Email Playground
- [Good Email Code](https://designchillout.co/resources/good-email-code): How To Write Good Email Code
- [Google Codelabs](https://designchillout.co/resources/google-codelabs): Google for Developers Codelabs provide a guided, tutorial, hands-on coding experience
- [Google Design](https://designchillout.co/resources/google-design): A directory of essential design tools and resources
- [Google Fonts](https://designchillout.co/resources/google-fonts): Discover Great Open Source Typography
- [Google for Developers](https://designchillout.co/resources/google-for-developers): Software Development Guides, Tools & More
- [Google Internationalization](https://designchillout.co/resources/google-internationalization): Internationalization (i18n) open source libraries and APIs
- [Google Skillshop](https://designchillout.co/resources/google-skillshop): The one-stop-shop for every kind of learner who wants to succeed with Google professional tools and solutions
- [Grabient](https://designchillout.co/resources/grabient): Beautiful and simple UI for generating web gradients
- [Happy Hues](https://designchillout.co/resources/happy-hues): Curated colors in context
- [howtotarget.email](https://designchillout.co/resources/howtotarget-email): How to Target Email Clients
- [HTML Patterns](https://designchillout.co/resources/html-patterns): HTML Patterns
- [Hugging Face](https://designchillout.co/resources/hugging-face): The AI community building the future
- [Humaaans](https://designchillout.co/resources/humaaans): Mix-&-match illustrations of people with a design library
- [Insert Frame](https://designchillout.co/resources/insert-frame): An ecosystem of products & education for Framer
- [Inside Design Blog](https://designchillout.co/resources/inside-design-blog): InVision’s official blog that discusses design thinking, design teams, and design inspiration
- [Interaction Design Foundation](https://designchillout.co/resources/interaction-design-foundation): Open-source UX Design resources
- [InVision](https://designchillout.co/resources/invision): Digital product design, workflow & collaboration
- [iOS Typography](https://designchillout.co/resources/ios-typography): Type system guidelines for Apple iOS
- [Lapa Ninja](https://designchillout.co/resources/lapa-ninja): Landing Page Design Inspiration
- [Lightning Design System](https://designchillout.co/resources/lightning-design-system): Salesforce’s Lightning Design System
- [Litmus](https://designchillout.co/resources/litmus): Build, design, test, and analyze your emails
- [Litmus Blog](https://designchillout.co/resources/litmus-blog): The latest from the Litmus Blog
- [LottieFiles](https://designchillout.co/resources/lottiefiles): Free Lottie Animation Files, Tools & Plugins
- [macOS Setup Guide](https://designchillout.co/resources/macos-setup-guide): Basics of setting up a development environment on a new Mac
- [Mailbum](https://designchillout.co/resources/mailbum): Email signatures without the fuss
- [Material Design System](https://designchillout.co/resources/material-design-system): Open Source Design System by Google
- [Material icons](https://designchillout.co/resources/material-icons): Open source icons by Google
- [Material Theme Builder](https://designchillout.co/resources/material-theme-builder): Visualize dynamic color
- [MDN Web Docs](https://designchillout.co/resources/mdn-web-docs): Resources for developers, by developers
- [Microsoft Designer](https://designchillout.co/resources/microsoft-designer): Stunning designs in a flash
- [Microsoft Learn](https://designchillout.co/resources/microsoft-learn): Build skills that open doors
- [Midjourney](https://designchillout.co/resources/midjourney): An independent research lab exploring new mediums of thought and expanding the imaginative powers of the human species
- [Mixkit](https://designchillout.co/resources/mixkit): Free assets for video projects
- [MJML](https://designchillout.co/resources/mjml): The Responsive Email Framework
- [Mobbin](https://designchillout.co/resources/mobbin): UI & UX design inspiration for mobile & web apps
- [Modular Scale](https://designchillout.co/resources/modular-scale): Calculate, visualize, and learn about modular scales.
- [Moqups](https://designchillout.co/resources/moqups): Online Mockup, Wireframe & UI Prototyping Tool
- [Nav.Supply](https://designchillout.co/resources/nav-supply): High-quality navigation patterns for your Framer sites
- [Nielsen Norman Group](https://designchillout.co/resources/nielsen-norman-group): UX & Usability Articles from Nielsen Norman Group
- [Nucleo](https://designchillout.co/resources/nucleo): Icon Organizer & Icon Library
- [Open Doodles](https://designchillout.co/resources/open-doodles): Free sketchy illustrations
- [OpenAI](https://designchillout.co/resources/openai): Creating safe AGI that benefits all of humanity
- [Pastel](https://designchillout.co/resources/pastel): Review and comment on websites live
- [Pexels](https://designchillout.co/resources/pexels): Free stock photos & videos
- [Photopea](https://designchillout.co/resources/photopea): Free online image editor
- [Pixabay](https://designchillout.co/resources/pixabay): Stunning free images
- [Primer Design System](https://designchillout.co/resources/primer-design-system): Design, build, and create with GitHub’s design system
- [rawpixel](https://designchillout.co/resources/rawpixel): Public domain free creative commons images
- [Really Good Emails](https://designchillout.co/resources/really-good-emails): The Best Email Designs
- [Rebrand](https://designchillout.co/resources/rebrand): Stellar visual identity inspiration
- [Runway](https://designchillout.co/resources/runway): Advancing creativity with artificial intelligence
- [SaaS Pricing Explorer](https://designchillout.co/resources/saas-pricing-explorer): Find the right pricing model
- [SegmentUI](https://designchillout.co/resources/segmentui): UI Kits and Components for Framer
- [Self-Taught UX](https://designchillout.co/resources/self-taught-ux): Trello board of user experience (UX) resources
- [Shopify Polaris](https://designchillout.co/resources/shopify-polaris): Shopify’s Design System
- [Sketch](https://designchillout.co/resources/sketch): Design, collaborate, prototype and handoff
- [Sketchfab](https://designchillout.co/resources/sketchfab): Discover and download thousands of 3D models
- [Skillshare](https://designchillout.co/resources/skillshare): Online Classes for Creatives
- [Smashing Magazine](https://designchillout.co/resources/smashing-magazine): For Web Designers And Developers
- [Smithsonian Open Access](https://designchillout.co/resources/smithsonian-open-access): Download, share, and reuse millions of the Smithsonian’s images
- [Spectrum](https://designchillout.co/resources/spectrum): Adobe’s design system
- [Spline](https://designchillout.co/resources/spline): 3D Design tool in the browser with real-time collaboration
- [Stability AI](https://designchillout.co/resources/stability-ai): AI by the people for the people
- [Superposition](https://designchillout.co/resources/superposition): Extract design tokens from websites and use them in code and in your design tool
- [SVG Gobbler](https://designchillout.co/resources/svg-gobbler): Download icons, logos, and vector SVGs from any site
- [SVG Hub](https://designchillout.co/resources/svg-hub): Custom-color elements ready to paste into your project
- [The color system](https://designchillout.co/resources/the-color-system): The Material Design colour system
- [The good line-height](https://designchillout.co/resources/the-good-line-height): Calculate a good line-height for a baseline grid
- [THE INDEX](https://designchillout.co/resources/the-index): A curated online gallery with the best design studios, designers, type foundries, and other creatives worldwide
- [TurboSquid](https://designchillout.co/resources/turbosquid): 3D Models for Professionals
- [Type Scale](https://designchillout.co/resources/type-scale): Type Scale - A Visual Calculator
- [Typewolf Typography Cheatsheet](https://designchillout.co/resources/typewolf-typography-cheatsheet): A comprehensive guide to using proper typographic characters
- [Udemy](https://designchillout.co/resources/udemy): Learn Anything, On Your Schedule
- [UI Coach](https://designchillout.co/resources/ui-coach): Become a Better UI Designer
- [UI Goodies](https://designchillout.co/resources/ui-goodies): The best resources for designers in one place
- [unDraw](https://designchillout.co/resources/undraw): Open-source illustrations for every project you can imagine and create
- [Unsplash](https://designchillout.co/resources/unsplash): Photos for everyone
- [UWP Typography](https://designchillout.co/resources/uwp-typography): Typography guidelines for Microsoft's design system
- [UX Tools](https://designchillout.co/resources/ux-tools): Build better digital experiences
- [W3C](https://designchillout.co/resources/w3c): The World Wide Web Consortium (W3C)
- [Web Almanac](https://designchillout.co/resources/web-almanac): HTTP Archive’s annual state of the web report
- [Webflow](https://designchillout.co/resources/webflow): Design. Build. Launch.
- [Webflow Resources](https://designchillout.co/resources/webflow-resources): Free downloadable content on responsive web design, freelancing, and more
- [WordPress](https://designchillout.co/resources/wordpress): Create a website, blog, or app

## Merch
- [Adidas Unisex Fleece Hoodie](https://designchillout.co/resources/adidas-unisex-fleece-hoodie-with-graphic-design-is-my-passion)
- [Full Color Panoramic Mug](https://designchillout.co/resources/full-color-panoramic-mug-with-graphic-design-is-my-passion)
- [Sticker](https://designchillout.co/resources/sticker-with-graphic-design-is-my-passion)
- [Unisex Tie Dye T-Shirt](https://designchillout.co/resources/unisex-tie-dye-t-shirt-with-graphic-design-is-my-passion)

## Resources
- [Adobe Illustrator: Transform a 2D vector into a 3D object](https://designchillout.co/resources/adobe-illustrator-transform-a-2d-vector-into-a-3d-object)
- [Framer tutorial: Autoplay video when in view](https://designchillout.co/resources/framer-autoplay-video-when-in-view)
- [Framer tutorial: Build a QR code generator using Workshop](https://designchillout.co/resources/build-a-qr-code-generator-using-framer)
- [Framer tutorial: Create a slide-in popup form (no code)](https://designchillout.co/resources/framer-tutorial-create-a-slide-in-popup-form-(no-code))
- [Framer tutorial: How to add a download button](https://designchillout.co/resources/framer-how-to-add-a-download-button)
- [Framer tutorial: How to Add a WhatsApp Button](https://designchillout.co/resources/how-to-add-a-whatsapp-click-to-chat-button-to-your-framer-site)
- [Generative AI: Are designers cooked?](https://designchillout.co/resources/generative-ai-are-designers-cooked)
- [How to generate a Material Design 3 theme](https://designchillout.co/resources/how-to-generate-a-material-design-3-theme)
- [How to mask in Adobe Illustrator](https://designchillout.co/resources/how-to-mask-in-adobe-illustrator)
- [The essential guide to launching your Framer site](https://designchillout.co/resources/the-essential-guide-to-launching-your-framer-site)