Mockups · Design systems
Base Web
Système de design d’Uber : composants React, thèmes personnalisables et consignes d’usage.
Base Web est le système de design d’Uber, publié sous la forme d’une bibliothèque de composants React. Il est destiné aux équipes qui développent des interfaces web.
Le site présente des composants prêts à l’emploi, un système de thèmes personnalisables et des consignes d’usage pour chacun d’eux. Le projet est ouvert et son code est consultable sur GitHub. Les composants se personnalisent par thèmes et par surcharges de style, ce qui permet d’adapter l’apparence à une marque.
Pour un·e graphiste, Base Web sert de référence pour comprendre comment un grand produit numérique organise ses composants, ses couleurs et ses variantes. Son usage direct suppose de travailler avec des développeurs React, car la bibliothèque s’intègre dans du code plutôt que dans un logiciel de maquettage.
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.
-
Carbon Design System
carbondesignsystem.com (site externe, nouvelle fenêtre)
Design system open source d’IBM, avec composants, principes, kits Figma et ressources de code.