michaelfox + patternlibrary   62

Design notes
is a free online resource library for product designers. Free icon, free fonts and much more...
design  ui  inspiration  patterns  patternlibrary  collection  site 
11 weeks ago by michaelfox
Docz
It has never been so easy to document your things
It has never been so easy to document your things
styleguide  generator  documentation  playground  js  sandbox  demo  patternlibrary  composer    tools  markdown  wiki 
july 2018 by michaelfox
Fractal | Fractal Documentation
Powerful component libraries & styleguides that fit the way you work.


refrr:https://fractal.build/guide/getting-started
Powerful component libraries & styleguides that fit the way you work.


refrr:https://fractal.build/guide/getting-started
components  styleguide  tools  generator  patternlibrary  ui  design  documentation   
july 2018 by michaelfox
Pattern Library First: An Approach For Managing CSS
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
css  styleguide  patternlibrary  documentation  tools  generator 
july 2018 by michaelfox
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.


refrr:https://inclusive-components.design/
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.


refrr:https://inclusive-components.design/
css  reference  accessibility  components  javascript  styleguide  designpatterns  patternlibrary  bestpractices  ui 
june 2018 by michaelfox
Introduction
Catalog is a tool for creating living style guides for digital products. It combines design documentation and assets with real, live components in one single place.


refrr:https://www.catalog.style/
documentation  styleguide  ui  design  patterns  patternlibrary  generator  markdown  tools 
april 2018 by michaelfox
Pattern library
Interaction Design pattern library. More than 120 patterns for web designers. All patterns include examples, explanations and even links to literature and code


refrr:http://www.welie.com/
Interaction Design pattern library. More than 120 patterns for web designers. All patterns include examples, explanations and even links to literature and code


refrr:http://www.welie.com/
desin  designpatterns  patternlibrary  inspiration  ui  ux  forms  gallery  collection 
december 2017 by michaelfox
The User Experience of Design Systems
Rune Madsen is a designer, artist and educator who uses programming languages to create things with the computer.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1585964444412948044%3FAWSAccessKeyId%3DASIAI4JCC32MGEBZP3AA%26Expires%3D1513173089%26Signature%3Dst6EkuJMYhsiiYOMbn1GDkz%252FxQw%253D%26x-amz-security-token%3DFQoDYXdzEHYaDNMlwueuaIqRNfnQVSK3A7jCLWMDCUfAjUBf7SHZo71%252B8hNQMaaps1Z84Fbr5eapDGa5iDGi9%252Flt%252FSxRktQk5dT0EYWbg7vl2tB1ZScRUl5j5JO24cxDWSleym9xnY1LWGTB%252Fi68PgCia4l5NcBO6RWGtkj4VCM2EDlkm9yg0daJ6fxMnuZGq4Ddh96ZShq5%252BTxwq27%252B6G7axvCrLuPiATAUTXhTyXuwrA21W8LiUA0kK0jwFjvfyExwpJBS3ELgtoGIFCqiMZO%252F0VwnvtxwUdENJBUMqOnyhiCALjUGLc%252B5TgL1ZW7WN3miOIrcMUK%252Bqxp2VEPx8aUTmkM9EENLDBGLlYfZtajjlUoMCER5DCwdCdx3sW1cHt6oqIaTN9oxVoo3Rp0XKuP%252B%252Fp5xz%252BoxE%252BAsa%252FYNFvNcQN4FOVLcjCHWmjb69HaXfuSfaYcPSro5r2gZ4p9Q2DUIULzYyd89oo4wbwk6CWWKUTpWzNByBM%252Fii%252BsdxcSPCf10CUgO6mTZxgG%252BqN%252F2zkcXhlC96yMuuEwKni0oXuy5s%252Fmm0%252BPmA1NasdhYQpIGB2eLQAQ%252FxWxyILNnwFXCwwlD57lEzmtV6PaK5IvMcnsohdyf0QU%253D&emailId=10045177990&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTEyLTA2VDE0OjUxOjMyLjU4NVoiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTEyNTY4MjkyfQ.ds38Z3iY_rwT68nVe40uGbA_ROYPCO76OPiySqbjPv_VLtpzBz9IAcvijidXlRPwGOxOfykf9RTkO8avzQqVQ-hsWz5W67yeBEjRTLVw_U74R8N-vegRVIwwUxor8v7AIamL8RsWmYbJGnhuPFZR9gEY45h_CDyfZ9n-oxoheYMp24U69n75R_BK0p9sYwNeMynFBc0bvaAHftxsgghaDiLYVwbSt7quIi2tmoD-rkT7yyIpjAKqAwn7qXICb3STQW2py7eSdJp2pNPqU_ZUiQCvassYwnafA0ie20kzmblfq0w5pvnqSUqHOlT2zB_e9oYiLB-_BiTByimSYfNRcA
Rune Madsen is a designer, artist and educator who uses programming languages to create things with the computer.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1585964444412948044%3FAWSAccessKeyId%3DASIAI4JCC32MGEBZP3AA%26Expires%3D1513173089%26Signature%3Dst6EkuJMYhsiiYOMbn1GDkz%252FxQw%253D%26x-amz-security-token%3DFQoDYXdzEHYaDNMlwueuaIqRNfnQVSK3A7jCLWMDCUfAjUBf7SHZo71%252B8hNQMaaps1Z84Fbr5eapDGa5iDGi9%252Flt%252FSxRktQk5dT0EYWbg7vl2tB1ZScRUl5j5JO24cxDWSleym9xnY1LWGTB%252Fi68PgCia4l5NcBO6RWGtkj4VCM2EDlkm9yg0daJ6fxMnuZGq4Ddh96ZShq5%252BTxwq27%252B6G7axvCrLuPiATAUTXhTyXuwrA21W8LiUA0kK0jwFjvfyExwpJBS3ELgtoGIFCqiMZO%252F0VwnvtxwUdENJBUMqOnyhiCALjUGLc%252B5TgL1ZW7WN3miOIrcMUK%252Bqxp2VEPx8aUTmkM9EENLDBGLlYfZtajjlUoMCER5DCwdCdx3sW1cHt6oqIaTN9oxVoo3Rp0XKuP%252B%252Fp5xz%252BoxE%252BAsa%252FYNFvNcQN4FOVLcjCHWmjb69HaXfuSfaYcPSro5r2gZ4p9Q2DUIULzYyd89oo4wbwk6CWWKUTpWzNByBM%252Fii%252BsdxcSPCf10CUgO6mTZxgG%252BqN%252F2zkcXhlC96yMuuEwKni0oXuy5s%252Fmm0%252BPmA1NasdhYQpIGB2eLQAQ%252FxWxyILNnwFXCwwlD57lEzmtV6PaK5IvMcnsohdyf0QU%253D&emailId=10045177990&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTEyLTA2VDE0OjUxOjMyLjU4NVoiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTEyNTY4MjkyfQ.ds38Z3iY_rwT68nVe40uGbA_ROYPCO76OPiySqbjPv_VLtpzBz9IAcvijidXlRPwGOxOfykf9RTkO8avzQqVQ-hsWz5W67yeBEjRTLVw_U74R8N-vegRVIwwUxor8v7AIamL8RsWmYbJGnhuPFZR9gEY45h_CDyfZ9n-oxoheYMp24U69n75R_BK0p9sYwNeMynFBc0bvaAHftxsgghaDiLYVwbSt7quIi2tmoD-rkT7yyIpjAKqAwn7qXICb3STQW2py7eSdJp2pNPqU_ZUiQCvassYwnafA0ie20kzmblfq0w5pvnqSUqHOlT2zB_e9oYiLB-_BiTByimSYfNRcA
patternlibrary  designpatterns  design  bestpractices  styleguide  documentation 
december 2017 by michaelfox
Why a pattern library? It's all about making life easier
The Digital Team is doing even more to stay consistent across all our digital tools.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1585964444412948044%3FAWSAccessKeyId%3DASIAI4JCC32MGEBZP3AA%26Expires%3D1513173089%26Signature%3Dst6EkuJMYhsiiYOMbn1GDkz%252FxQw%253D%26x-amz-security-token%3DFQoDYXdzEHYaDNMlwueuaIqRNfnQVSK3A7jCLWMDCUfAjUBf7SHZo71%252B8hNQMaaps1Z84Fbr5eapDGa5iDGi9%252Flt%252FSxRktQk5dT0EYWbg7vl2tB1ZScRUl5j5JO24cxDWSleym9xnY1LWGTB%252Fi68PgCia4l5NcBO6RWGtkj4VCM2EDlkm9yg0daJ6fxMnuZGq4Ddh96ZShq5%252BTxwq27%252B6G7axvCrLuPiATAUTXhTyXuwrA21W8LiUA0kK0jwFjvfyExwpJBS3ELgtoGIFCqiMZO%252F0VwnvtxwUdENJBUMqOnyhiCALjUGLc%252B5TgL1ZW7WN3miOIrcMUK%252Bqxp2VEPx8aUTmkM9EENLDBGLlYfZtajjlUoMCER5DCwdCdx3sW1cHt6oqIaTN9oxVoo3Rp0XKuP%252B%252Fp5xz%252BoxE%252BAsa%252FYNFvNcQN4FOVLcjCHWmjb69HaXfuSfaYcPSro5r2gZ4p9Q2DUIULzYyd89oo4wbwk6CWWKUTpWzNByBM%252Fii%252BsdxcSPCf10CUgO6mTZxgG%252BqN%252F2zkcXhlC96yMuuEwKni0oXuy5s%252Fmm0%252BPmA1NasdhYQpIGB2eLQAQ%252FxWxyILNnwFXCwwlD57lEzmtV6PaK5IvMcnsohdyf0QU%253D&emailId=10045177990&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTEyLTA2VDE0OjUxOjMyLjU4NVoiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTEyNTY4MjkyfQ.ds38Z3iY_rwT68nVe40uGbA_ROYPCO76OPiySqbjPv_VLtpzBz9IAcvijidXlRPwGOxOfykf9RTkO8avzQqVQ-hsWz5W67yeBEjRTLVw_U74R8N-vegRVIwwUxor8v7AIamL8RsWmYbJGnhuPFZR9gEY45h_CDyfZ9n-oxoheYMp24U69n75R_BK0p9sYwNeMynFBc0bvaAHftxsgghaDiLYVwbSt7quIi2tmoD-rkT7yyIpjAKqAwn7qXICb3STQW2py7eSdJp2pNPqU_ZUiQCvassYwnafA0ie20kzmblfq0w5pvnqSUqHOlT2zB_e9oYiLB-_BiTByimSYfNRcA
The Digital Team is doing even more to stay consistent across all our digital tools.


refrr:https://unroll.me/a/read-email?emailBodyUrl=https%3A%2F%2Fs3.amazonaws.com%2Funrollme_html_cache%2F4014892%2F1585964444412948044%3FAWSAccessKeyId%3DASIAI4JCC32MGEBZP3AA%26Expires%3D1513173089%26Signature%3Dst6EkuJMYhsiiYOMbn1GDkz%252FxQw%253D%26x-amz-security-token%3DFQoDYXdzEHYaDNMlwueuaIqRNfnQVSK3A7jCLWMDCUfAjUBf7SHZo71%252B8hNQMaaps1Z84Fbr5eapDGa5iDGi9%252Flt%252FSxRktQk5dT0EYWbg7vl2tB1ZScRUl5j5JO24cxDWSleym9xnY1LWGTB%252Fi68PgCia4l5NcBO6RWGtkj4VCM2EDlkm9yg0daJ6fxMnuZGq4Ddh96ZShq5%252BTxwq27%252B6G7axvCrLuPiATAUTXhTyXuwrA21W8LiUA0kK0jwFjvfyExwpJBS3ELgtoGIFCqiMZO%252F0VwnvtxwUdENJBUMqOnyhiCALjUGLc%252B5TgL1ZW7WN3miOIrcMUK%252Bqxp2VEPx8aUTmkM9EENLDBGLlYfZtajjlUoMCER5DCwdCdx3sW1cHt6oqIaTN9oxVoo3Rp0XKuP%252B%252Fp5xz%252BoxE%252BAsa%252FYNFvNcQN4FOVLcjCHWmjb69HaXfuSfaYcPSro5r2gZ4p9Q2DUIULzYyd89oo4wbwk6CWWKUTpWzNByBM%252Fii%252BsdxcSPCf10CUgO6mTZxgG%252BqN%252F2zkcXhlC96yMuuEwKni0oXuy5s%252Fmm0%252BPmA1NasdhYQpIGB2eLQAQ%252FxWxyILNnwFXCwwlD57lEzmtV6PaK5IvMcnsohdyf0QU%253D&emailId=10045177990&accessControl=eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzY29wZXMiOlsiYWNjb3VudCJdLCJrbiI6IjQxYWI0YjFkLTQ0NDUtNDIwNC05OTJkLTU0NWVlZTRlZTg3MSIsImV4cGlyZXMiOiIyMDE3LTEyLTA2VDE0OjUxOjMyLjU4NVoiLCJpZCI6NDAxNDg5MiwiaWF0IjoxNTEyNTY4MjkyfQ.ds38Z3iY_rwT68nVe40uGbA_ROYPCO76OPiySqbjPv_VLtpzBz9IAcvijidXlRPwGOxOfykf9RTkO8avzQqVQ-hsWz5W67yeBEjRTLVw_U74R8N-vegRVIwwUxor8v7AIamL8RsWmYbJGnhuPFZR9gEY45h_CDyfZ9n-oxoheYMp24U69n75R_BK0p9sYwNeMynFBc0bvaAHftxsgghaDiLYVwbSt7quIi2tmoD-rkT7yyIpjAKqAwn7qXICb3STQW2py7eSdJp2pNPqU_ZUiQCvassYwnafA0ie20kzmblfq0w5pvnqSUqHOlT2zB_e9oYiLB-_BiTByimSYfNRcA
patternlibrary  designpatterns  design  bestpractices  styleguide  documentation 
december 2017 by michaelfox
AdRoll Pattern Library
At AdRoll, we strive to maintain clear and consistent styling, behavior, and language across our products. This site showcases our library of front-end components built in React and designed with these ideals in mind. We chose to share this with the larger community because:


refrr:http://tech.adroll.com/blog/frontend/2017/08/29/how-to-run-a-front-end-infrastructure-team.html?utm_source=webopsweekly&utm_medium=email
At AdRoll, we strive to maintain clear and consistent styling, behavior, and language across our products. This site showcases our library of front-end components built in React and designed with these ideals in mind. We chose to share this with the larger community because:


refrr:http://tech.adroll.com/blog/frontend/2017/08/29/how-to-run-a-front-end-infrastructure-team.html?utm_source=webopsweekly&utm_medium=email
styleguide  designpatterns  patternlibrary  ui  documentation 
september 2017 by michaelfox
Write articles for the Knowledge Base
A Support Document Guide which includes picking a good title, writing a search summary, organizing your article and a style guide.


refrr:https://www.mozilla.org/en-US/styleguide/communications/copy-rules/
A Support Document Guide which includes picking a good title, writing a search summary, organizing your article and a style guide.


refrr:https://www.mozilla.org/en-US/styleguide/communications/copy-rules/
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
Writing style guide
To present documentation in an organized, standardized, and easy-to-read manner, the Mozilla Developer Network style guide describes how text should be organized, spelled, formatted, and so on. These are guidelines rather than strict rules.

#documentation #guide #guidelines #mdn #mdn-meta


refrr:https://www.mozilla.org/en-US/styleguide/communications/copy-rules/
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
How to create a design style guide: 25 pro tips
guide

A style guide shouldn't read like the work of a control freak, but nor should it be vague and ambiguous. Here's how to strike the right balance.
guide

A style guide shouldn't read like the work of a control freak, but nor should it be vague and ambiguous. Here's how to strike the right balance.
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
How To Create a Web Design Style Guide
Ensure that team is on the same page when designing or saving designs from developers is to create design documentation or a web design style guide.


refrr:https://medium.com/@Frontify/how-to-create-a-frontify-style-guide-9b9eef1634ca
Ensure that team is on the same page when designing or saving designs from developers is to create design documentation or a web design style guide.


refrr:https://medium.com/@Frontify/how-to-create-a-frontify-style-guide-9b9eef1634ca
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
How to create a Frontify Style Guide
Brand books, brand manuals, or Style Guides — call it what you want. The Frontify Style Guide truly is the best practice for building brand guidelines. We provide you with the tools to stay brand…

#design #branding #style-guides #brand-guideline #brands


refrr:https://medium.com/tag/brand-guideline
Brand books, brand manuals, or Style Guides — call it what you want. The Frontify Style Guide truly is the best practice for building brand guidelines. We provide you with the tools to stay brand…

#design #branding #style-guides #brand-guideline #brands


refrr:https://medium.com/tag/brand-guideline
book  design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
Brand Guideline
Read stories about Brand Guideline on Medium. Discover smart, unique perspectives on Brand Guideline and the topics that matter most to you like branding, logo, media, design, and brand strategy.

#branding #logo #media #design #brand-strategy #brands #style-guides #brand-development


refrr:https://medium.design/tagged/brand-guideline
Read stories about Brand Guideline on Medium. Discover smart, unique perspectives on Brand Guideline and the topics that matter most to you like branding, logo, media, design, and brand strategy.

#branding #logo #media #design #brand-strategy #brands #style-guides #brand-development


refrr:https://medium.design/tagged/brand-guideline
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
Refind
Discover, save, and read what's worth your attention.
Discover, save, and read what's worth your attention.
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
Designing Medium
These few simple rules will help you use our branding elements to communicate the Medium brand most effectively. Download all assets The standard version of our logo, which should be used in most…

#logo #brand-guideline #medium


refrr:http://findguidelin.es/
These few simple rules will help you use our branding elements to communicate the Medium brand most effectively. Download all assets The standard version of our logo, which should be used in most…

#logo #brand-guideline #medium


refrr:http://findguidelin.es/
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
Dropbox
is a free service that lets you bring your photos, docs, and videos anywhere and share them easily. Never email yourself a file again!


refrr:http://findguidelin.es/
is a free service that lets you bring your photos, docs, and videos anywhere and share them easily. Never email yourself a file again!


refrr:http://findguidelin.es/
design  styleguide  dropbox  branding  guidelines  documentation  patternlibrary  inspiration 
july 2017 by michaelfox
intro
Pivotal UI is a collection of React and CSS components styled for the Pivotal brand.
Pivotal UI is a collection of React and CSS components styled for the Pivotal brand.
css  styleguide  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Front-end Style Guides
Anna Debenham spruces up your workflow by surveying the snow-strewn field of web style guides, and explaining how to tie them up nicely with a bow for the benefit of you, your faithful team of developer huskies, and your ever-loving clients.


refrr:https://24ways.org/
Anna Debenham spruces up your workflow by surveying the snow-strewn field of web style guides, and explaining how to tie them up nicely with a bow for the benefit of you, your faithful team of developer huskies, and your ever-loving clients.


refrr:https://24ways.org/
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Content Strategy for Website Projects
This highly practical guide walks you through a complete example of applying Content Strategy to a website project. And it's completely free!


refrr:https://louderthanten.com/resources/guides-and-tips
This highly practical guide walks you through a complete example of applying Content Strategy to a website project. And it's completely free!


refrr:https://louderthanten.com/resources/guides-and-tips
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Build software better, together
Ruby

GitHub’s search supports a variety of different operations. Here’s a quick cheat sheet for some of the common searches.


refrr:https://github.com/search?p=2&q=topic%3Astyleguide+&type=Repositories&utf8=%E2%9C%93
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Build software better, together
lonelyplanet/backpack-ui

GitHub’s search supports a variety of different operations. Here’s a quick cheat sheet for some of the common searches.


refrr:https://github.com/alexpate/awesome-design-systems
lonelyplanet/backpack-ui

GitHub’s search supports a variety of different operations. Here’s a quick cheat sheet for some of the common searches.


refrr:https://github.com/alexpate/awesome-design-systems
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Lightning Design System
TrailheaDX 2017 (June 28th - June 29th) is the must-attend developer conference of the year. Learn from the experts about everything you need to create engaging customer experiences with Salesforce. Join us to learn about the latest Salesforce technologies, meet other makers, and have fun along the way!


refrr:https://github.com/alexpate/awesome-design-systems
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Manual
Louder Than Ten's framework for every content, design, and code change we make.
Louder Than Ten's framework for every content, design, and code change we make.
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Lost My Name Design System
Lost My Name is growing, a lot. One of the challenges facing us as the business evolves is maintaining a consistent, cohesive and captivating experience across our digital ecosystem. We’ve been working to create this design system as a centralised hub for showcasing our design rules, principles, and frontend components. It’s a place for people familiar with the Lost My Name ecosystem, and for anyone wishing to learn more about our work.
Lost My Name is growing, a lot. One of the challenges facing us as the business evolves is maintaining a consistent, cohesive and captivating experience across our digital ecosystem. We’ve been working to create this design system as a centralised hub for showcasing our design rules, principles, and frontend components. It’s a place for people familiar with the Lost My Name ecosystem, and for anyone wishing to learn more about our work.
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
danielbayerlein/middleman-pattern-library
middleman-pattern-library is a Middleman 4.x project template for creating and managing your front-end pattern library.


refrr:https://github.com/search?q=topic%3Apattern-library&type=Repositories
middleman-pattern-library is a Middleman 4.x project template for creating and managing your front-end pattern library.


refrr:https://github.com/search?q=topic%3Apattern-library&type=Repositories
styleguide  patternlibrary 
june 2017 by michaelfox
IBM Design Research
Learn about IBM Design Research: our way to drive evidence-based user outcomes through continuous understanding.


refrr:https://www.ibm.com/design/practices.shtml
Learn about IBM Design Research: our way to drive evidence-based user outcomes through continuous understanding.


refrr:https://www.ibm.com/design/practices.shtml
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
IBM Design Thinking | The Keys
With a team of four or 400, use our three keys to unlock the power of IBM Design Thinking at any scale.


refrr:https://www.ibm.com/design/thinking/keys/hills/
With a team of four or 400, use our three keys to unlock the power of IBM Design Thinking at any scale.


refrr:https://www.ibm.com/design/thinking/keys/hills/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
IBM Design Thinking | The Keys | Hills
Learn what it takes to craft a well-written hill and align your team around human-centered project goals.


refrr:https://www.ibm.com/design/thinking/
Learn what it takes to craft a well-written hill and align your team around human-centered project goals.


refrr:https://www.ibm.com/design/thinking/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
IBM Design Language | Resources
Our products and services are framed by six universal experiences. Learn how to design for your users with these iconic experiences in mind.


refrr:https://www.ibm.com/design/language/
Our products and services are framed by six universal experiences. Learn how to design for your users with these iconic experiences in mind.


refrr:https://www.ibm.com/design/language/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
Illustrations
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://atlassian.design/
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://atlassian.design/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
Atlassian Design
At Atlassian, we want to create harmonious experiences for our users. We solve challenging interactions once, and then apply the solutions consistently across our product suite - making sure users only have to learn them once.


refrr:https://atlassian.design/server/onboarding/value-over-features/
At Atlassian, we want to create harmonious experiences for our users. We solve challenging interactions once, and then apply the solutions consistently across our product suite - making sure users only have to learn them once.


refrr:https://atlassian.design/server/onboarding/value-over-features/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
Overview
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://atlassian.design/
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://atlassian.design/
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
IBM Design Language
Use the IBM Design Language to create beautifully crafted products and enlightening user experiences.
Use the IBM Design Language to create beautifully crafted products and enlightening user experiences.
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
Atlassian Design
Design, develop, and deliver. Use Atlassian's end-to-end design language to create straightforward and beautiful experiences.


refrr:https://github.com/alexpate/awesome-design-systems
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices  standard 
june 2017 by michaelfox
Announcing version 1.1 | U.S. Web Design Standards
An official website of the United States government


refrr:https://github.com/alexpate/awesome-design-systems
An official website of the United States government


refrr:https://github.com/alexpate/awesome-design-systems
An official website of the United States government


refrr:https://github.com/alexpate/awesome-design-systems
styleguide  css  design  framework  patterns  patternlibrary  documentation  bestpractices  standard 
june 2017 by michaelfox
Shopify Polaris
Our style guide is the blueprint for our design system. It helps us collaborate across disciplines to build a great experience for all of Shopify’s merchants. Let’s make commerce better for everyone!


refrr:https://github.com/alexpate/awesome-design-systems
styleguide    css  design  framework  patterns  patternlibrary  documentation  awesome  collection  bestpractices 
june 2017 by michaelfox
SC5 Style Guide Generator
Informative and easily navigable live style guide which can be edited directly in the browser
Informative and easily navigable live style guide which can be edited directly in the browser
styleguide  generator  documentation  html  css  design  patterns  patternlibrary  tools  js   
february 2017 by michaelfox
Barebones
An initial directory setup, style guide and pattern primer
patterns  patternlibrary  styleguide  documentation  generator  html  css  markdown 
february 2017 by michaelfox
hologram
Hologram is a Ruby gem that parses comments in your CSS and turns them into a beautiful styleguide.
Hologram is a Ruby gem that parses comments in your CSS and turns them into a beautiful styleguide.
Hologram is a Ruby gem that parses comments in your CSS and turns them into a beautiful styleguide.
css  styleguide  patterns  patternlibrary  documentation  generator  inspiration 
january 2017 by michaelfox
Atomic Docs
Front end style guide generator and Sass partial manager. Atomic Docs is built with Sass and PHP
Front end style guide generator and Sass partial manager. Atomic Docs is built with Sass and PHP
php  design  styleguide  sass  less  generator  wiki  patternlibrary 
june 2016 by michaelfox
CFPB Design Manual
A set of design principles and standards for the Consumer Financial Protection Bureau.


refrr:http://cfpb.github.io/design-manual/page-components/links.html
A set of design principles and standards for the Consumer Financial Protection Bureau.


refrr:http://cfpb.github.io/design-manual/page-components/links.html
styleguide  bestpractices  ui  ux  documentation  reference  inspiration  patternlibrary  patterns 
june 2016 by michaelfox
Hey, you!
ZUI is a pattern library developed for Zource. This library is a collection of commont user interface elements that are used in advanced web applications. Zource makes use of these elements. It is important to realize that ZUI is not designed for your average daily website. It's meant to be used in web-applications.


refrr:http://zource.github.io/zui/status.html
ZUI is a pattern library developed for Zource. This library is a collection of commont user interface elements that are used in advanced web applications. Zource makes use of these elements. It is important to realize that ZUI is not designed for your average daily website. It's meant to be used in web-applications.


refrr:http://zource.github.io/zui/status.html
styleguide  patternlibrary  documentation  css  html  ui 
march 2016 by michaelfox
Find Guidelines - The fastest way to brand assets.
Find a guideline Social Networks Download this color palette Other brands Download this color palette Made with by Arno Di Nunzio Submit a guidelineSend me an URL, I'll do the rest! What brand are…
, the fastest way to brand assets.

#social-network


refrr:http://findguidelin.es/
styleguide  search  collection  inspiration    reference  guide  patternlibrary  bestpractices  documentation  identity  brand  guidelines  design 
may 2015 by michaelfox
Pattern Lab
Create atomic design systems


refrr:http://styleguides.io/tools.html
Pattern Lab helps you and your team build thoughtful, pattern-driven user interfaces using atomic design principles.
styleguide  generator  example  documentation  tools  wiki  patterns  snippets  design  patternlibrary 
november 2014 by michaelfox
barebones
- Initial directory setup, style guide and pattern primer. Intended as a starting point for my own projects, available for others to clone and adapt for theirs.
An initial directory setup, style guide and pattern primer. Intended as a starting point for my own projects, available for others to fork and adapt for theirs.


refrr:https://barebones.paulrobertlloyd.com/
styleguide  patterns  boilerplate  pattern  snippets  documentation  template  design  patternlibrary 
april 2014 by michaelfox
adactio/Pattern-Primer · GitHub
Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.


refrr:https://github.com/paulrobertlloyd/barebones
styleguide  patterns  snippets  documentation  design  patternlibrary  generator  php 
april 2013 by michaelfox

Copy this bookmark:



description:


tags: