Mockups · Design systems
Adobe Spectrum
Langage de design d’Adobe : composants, tokens et recommandations pour des interfaces cohérentes.
Spectrum est le système de design d’Adobe, décrit sur son site comme le système derrière les expériences Adobe. Sa documentation, Spectrum Hub, est destinée aux équipes qui conçoivent et développent des interfaces.
Le site regroupe des fondations, des tokens, des motifs et des recommandations, ainsi que des composants. Chaque page de composant inclut un espace interactif relié aux dépôts de Spectrum, pour tester les propriétés et les configurations. Des espaces dédiés existent pour React et pour les Web Components, ce dernier en version bêta, et d’autres plateformes sont annoncées.
Pour un·e graphiste, Spectrum est un exemple complet de langage de design d’entreprise : couleurs, typographie, composants et règles d’usage y sont documentés. Il sert de référence pour construire un système cohérent ou pour comprendre les choix d’interface des produits Adobe.
Dans la même rubrique
-
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.
-
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.