Mockups · Design systems
Mozilla Protocol
Design system de Mozilla et Firefox pour leurs sites web : composants et principes.
Mozilla Protocol est le design system que Mozilla utilise pour ses sites web et ceux de Firefox. Le site documente la version 22.0.0.
Il fournit un langage visuel commun, des composants de code réutilisables et des recommandations de contenu et d’accessibilité. Le système sert d’abord à l’équipe des sites marketing de Mozilla, comme interface de www.mozilla.org, et l’objectif à long terme est qu’il serve à toute personne de l’organisation qui crée un site conforme à la marque. Le code est publié sur GitHub sous le nom mozilla/protocol et sous la forme du paquet npm @mozilla-protocol/core.
Un·e graphiste ou un·e designer web s’y réfère pour étudier la façon dont une grande organisation à but non lucratif structure ses composants et ses règles de contenu. Le système répond d’abord aux besoins de Mozilla, et il sert surtout de référence plutôt que de base graphique universelle.
Dans la même rubrique
-
Adobe Spectrum
spectrum.adobe.com (site externe, nouvelle fenêtre)
Langage de design d’Adobe : composants, tokens et recommandations pour des interfaces cohérentes.
-
Ant Design
ant.design (site externe, nouvelle fenêtre)
Design system d’entreprise très répandu, avec composants, principes de conception et kits de maquettes.
-
Apple Human Interface Guidelines
developer.apple.com (site externe, nouvelle fenêtre)
Lignes directrices officielles d’Apple pour concevoir des interfaces cohérentes sur toutes ses plateformes.
-
Asphalt
asphalt.gojek.io (site externe, nouvelle fenêtre)
Langage de design de Gojek : principes et composants pour créer des expériences cohérentes.
-
Atlassian Design
atlassian.design (site externe, nouvelle fenêtre)
Design system d’Atlassian, avec principes, composants, jetons de design et ressources de contenu.
-
Base Web
baseweb.design (site externe, nouvelle fenêtre)
Système de design d’Uber : composants React, thèmes personnalisables et consignes d’usage.