Mockups · Design systems
VTEX Styleguide
Design system de VTEX : motifs, composants et ressources pour concevoir ses produits.
VTEX Styleguide est le design system de VTEX, une entreprise de commerce en ligne. Il rassemble les motifs, les composants et les ressources utilisés pour concevoir ses produits.
Le site documente chaque élément avec ses usages et son rôle dans les interfaces. Il est consultable librement et gratuitement.
Un graphiste ou un designer d’interface y trouve un exemple de design system appliqué au e-commerce, utile pour comprendre comment une entreprise organise ses composants. Il est conçu pour les produits VTEX, ce qui en limite l’emploi direct ailleurs. Le site sert de référence pour les équipes qui doivent rester cohérentes d’un écran à l’autre, et il permet aux autres designers de comparer leurs propres pratiques.
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.