Design Systems para se inspirar
Se você já sabe o que é um Design System, pule essa parte.
De forma bem generalista, o Design System é uma biblioteca de recursos de design que ajuda designers na maturação de um conceito de design, e principalmente na manutenção da consistência do design.
Um bom Design System deve abordar diversos aspectos visuais, premissas de usabilidade, tom de comunicação e organização para sua produção, manutenção em escala e estar alinhado com o branding.
Uma metodologia bastante difundida na construção de Design Systems é o Atomic Design, conceito especificado por Bread Frost que visa a construção de telas complexas à partir de elementos menores. Na imagem abaixo, você pode visualizar e compreender melhor esse conceito.
Para se inspirar
Muitas vezes procuramos por soluções para problemas que já foram resolvidos e quebramos muito a cabeça com isso. Uma forma de sair desse buraco negro é ter acesso às soluções criados por outros, não para copiá-las (mesmo que às vezes isso não seja um problema, desde que feito da maneira correta), mas sim para fazer benchmarks e a partir de diversas soluções paralelas criar a sua própria solução. Por isso resolvi compartilhar minha biblioteca pessoal de Design Systems que utilizo para me inspirar.
Espero que gostem!
Adobe Spectrum
Alibaba Ant Desig
Atlassian
Audi
BBC GEL
Blip 🇧🇷
Bold (UFSC) 🇧🇷
BuzzFeed Solid
ContaAzul 🇧🇷
eBay Skin
Elastic
https://elastic.github.io/eui/
Financial Times Origami
Firefox Photon
Github Primer
Gitlab Pajamas
Heroku Purple 3
HP Grommet
Hubspot Canvas
IBM Carbon
Intuit Quickbooks
Kiwi Orbit
Marvel App
Microsoft Fluent
Mixpanel
MongoDB
Oracle Alta UI
Pinterest Gestalt
RD Station Tangram 🇧🇷
Salesforce Lightning
Shopify Polaris
Stack Overflow Stacks
Starbucks
Uber Base Web
Ubuntu Vanilla
US Govern
Vtex 🇧🇷
WeWork Ray
Yelp
Zendesk Garden