{"id":13469095,"url":"https://github.com/josephgoksu/sky-design","last_synced_at":"2025-04-13T09:37:05.977Z","repository":{"id":91153757,"uuid":"116553960","full_name":"josephgoksu/sky-design","owner":"josephgoksu","description":"🌃 A design reference for developers who prioritize good design.","archived":false,"fork":false,"pushed_at":"2022-08-11T22:44:57.000Z","size":174,"stargazers_count":246,"open_issues_count":0,"forks_count":7,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-17T12:09:37.977Z","etag":null,"topics":["art","css","css-framework","design","reference","typography"],"latest_commit_sha":null,"homepage":"https://joeygoksu.com/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/josephgoksu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["joeygoksu"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2018-01-07T09:43:14.000Z","updated_at":"2025-02-14T21:09:45.000Z","dependencies_parsed_at":"2023-07-24T01:30:56.338Z","dependency_job_id":null,"html_url":"https://github.com/josephgoksu/sky-design","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/josephgoksu%2Fsky-design","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/josephgoksu%2Fsky-design/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/josephgoksu%2Fsky-design/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/josephgoksu%2Fsky-design/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/josephgoksu","download_url":"https://codeload.github.com/josephgoksu/sky-design/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245761295,"owners_count":20667895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["art","css","css-framework","design","reference","typography"],"created_at":"2024-07-31T15:01:26.236Z","updated_at":"2025-03-27T01:09:48.889Z","avatar_url":"https://github.com/josephgoksu.png","language":null,"funding_links":["https://github.com/sponsors/joeygoksu"],"categories":["Others"],"sub_categories":[],"readme":"![](https://raw.githubusercontent.com/y7usuf/sky-design/master/skydesign.png)\n\n\n\nHey! It's Sky-Design, the CSS \u0026 Design Reference for developers who care about good design.\n\n\u003e “Design is a solution to a problem. Art is a question to a problem.” – **John Maeda**\n\n## Table Of Contents\n\n- [Color Picker Tools](#color-picker-tools)\n\n- [Free Images \u0026 Assets](#free-images--assets)\n\n- [Fonts \u0026 Typography](#fonts--typography)\n\n- [Design Blogs](#design-blogs)\n\n- [Style Guide](#style-guide)\n\n- [CSS Code Snippets](#code-snippets)\n\n- [CSS Frameworks](#css-frameworks)\n\n  - Base / Reset / Normalize\n\n  - Very Lightweight\n\n  - General Purpose\n\n  - Material Design\n\n## Tutorials :book:\n\n### Color Picker Tools\n\n1. [Flat UI Color](http://flatuicolors.com/): Simple color picker\n\n2. [Color Library](http://colorlibrary.ch/)\n\n### Free Images \u0026 Assets\n\n1. [Unsplash](https://unsplash.com/)\n\n2. [Stocksnap](https://stocksnap.io/)\n\n3. [Pattern Library (Background)](http://thepatternlibrary.com/)\n\n### Fonts \u0026 Typography\n\n1. [Grid Education Tool](http://griddy.io/)\n\n2. [5 Minutes Guide to Better Typography](http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography)\n\n3. [Beautiful Web Type](https://beautifulwebtype.com)\n\n4. [Typewolf](https://www.typewolf.com/): A collection of inspirational sites with fonts listed\n\n5. [Google Web Fonts Helper](http://google-webfonts-helper.herokuapp.com/fonts): Lets you download the fonts you like, so you can host your fonts.\n\n### Design Blogs\n\n- [Increment](https://increment.com/) by Stripe\n\n### Style Guide\n\n- [Design Elements](http://rizzo.lonelyplanet.com/styleguide/design-elements/colours) by lonely planet.\n\n- [Dropbox (S)CSS Style Guide](https://github.com/dropbox/css-style-guide) by Dropbox.\n\n- [Fabric](https://dev.office.com/fabric#/) by Microsoft.\n\n- [GitHub CSS Style Guide](https://primer.github.io/) by Github.\n\n- [Official Trello CSS Guide](https://gist.github.com/bobbygrace/9e961e8982f42eb91b80) by Bobby Grace.\n\n- [Solid](http://solid.buzzfeed.com/) by BuzzFeed.\n\n- [Patterns](http://ux.mailchimp.com/patterns) by MailChimp.\n\n- [Lighting Design System](https://www.lightningdesignsystem.com/) by Salesforce.\n\n- [Walmart Web Style Guide](http://walmartlabs.github.io/web-style-guide/) by Walmartlabs.\n\n- [SASS Style Guide](http://sass-lang.com/styleguide) by Sass team.\n\n- [Style Guide](http://www.starbucks.com/static/reference/styleguide/) by Starbucks.\n\n- [Website Style Guide Resources](http://styleguides.io/examples.html) by Awesome people.\n\n### Code Snippets\n\n- [Code My UI](https://codemyui.com)\n\n### CSS Frameworks\n\n**Base / Reset / Normalize**\n\n1. [normalize.css](http://necolas.github.io/normalize.css/) - *Modern, HTML5-ready alternative to CSS resets.*\n\n2. [sanitize.css](https://jonathantneal.github.io/sanitize.css/) - *The best-practices CSS foundation.*\n\n3. [inuitcss](https://github.com/inuitcss/inuitcss) - E*xtensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.*\n\n4. [minireset.css](http://jgthms.com/minireset.css/) - *Tiny modern CSS reset.*\n\n**Very Lightweight**\n\n*Frameworks that are smaller than ~5KB.*\n\n1. [Pure](Pure) - *Set of small, responsive CSS modules that you can use in every web project.*\n\n2. [Milligram](http://milligram.io/) - *Minimalist CSS framework.*\n\n3. [Picnic CSS](https://picnicss.com/) - *Lightweight and beautiful library.*\n\n4. [Mobi.css](http://getmobicss.com/) - *Lightweight, scalable, mobile-first CSS framework.*\n\n5. [mini.css](http://minicss.org/) - *Minimal, responsive, style-agnostic CSS framework.*\n\n6. [Wing](http://usewing.ml/) - *Beautiful CSS framework designed for minimalists.*\n\n7. [sakura](https://oxal.org/projects/sakura/) - *Minimal classless CSS framework/theme.*\n\n**General Purpose**\n\n1. [Bootstrap](http://getbootstrap.com/) - *The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.*\n\n2. [Semantic UI](https://semantic-ui.com/) - *User Interface is the language of the web.*\n\n3. [Foundation](http://foundation.zurb.com/) - *The most advanced responsive front-end framework in the world.*\n\n4. [Bulma](http://bulma.io/) - *Modern CSS framework based on Flexbox.*\n\n5. [UIkit](https://getuikit.com/) - *Lightweight and modular front-end framework for developing fast and powerful web interfaces.*\n\n6. [Primer](http://primercss.io/) - *CSS framework that powers GitHub's front-end design.*\n\n7. [Tachyons](http://tachyons.io/) - *Quickly build and design new UI without writing CSS.*\n\n8. [Spectre.css](https://picturepan2.github.io/spectre/) - *Lightweight, responsive and modern CSS framework.*\n\n**Material Design**\n\n1. [Material Components Web](https://material.io/components/web/) - *Modular and customizable Material Design UI components for the web.*\n\n2. [Materialize](http://materializecss.com/) - *CSS Framework based on material design.*\n\n3. [MUI](https://www.muicss.com/) - *Lightweight CSS framework that follows Google's Material Design guidelines.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosephgoksu%2Fsky-design","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjosephgoksu%2Fsky-design","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjosephgoksu%2Fsky-design/lists"}