Gestalt est le système de conception open source développé et utilisé par Pinterest pour construire des interfaces web cohérentes, accessibles et performantes notamment sur sa plateforme principale pinterest.com et ses outils internes.
Le nom « Gestalt » fait référence au principe psychologique selon lequel « le tout est plus que la somme de ses parties », reflétant l’approche holistique du design chez Pinterest.
Caractéristiques principales :
- Composants React : Gestalt est avant tout une bibliothèque de composants React fortement typée (TypeScript), conçue pour le web.
- Accessibilité native : chaque composant respecte les normes WCAG 2.1 et suit les meilleures pratiques ARIA.
- Design cohérent avec l’identité Pinterest : typographie fluide, espacements aérés, tons neutres avec touches de rouge signature, mise en valeur du contenu visuel (pins).
- Thématisation et personnalisation : supporte des thèmes personnalisés via un système de tokens CSS.
- Documentation interactive : exemples de code, guidelines d’usage, bonnes et mauvaises pratiques.
- Open source : libre d’utilisation sous licence MIT, bien que conçu initialement pour l’écosystème Pinterest.
Public cible :
- Équipes produit de Pinterest (usage interne principal).
- Développeurs et designers souhaitant s’inspirer d’un système moderne orienté contenu visuel, mobile-first et performance.
- Projets web nécessitant une grille flexible, une gestion fine des images et une expérience tactile fluide.
Ressources officielles :
- Site web : https://gestalt.pinterest.systems
- GitHub : https://github.com/pinterest/gestalt
- npm :
@pinterest/gestalt
À noter :
Contrairement à des systèmes comme Material Design (Google) ou Carbon (IBM), Gestalt est très centré sur l’expérience utilisateur de Pinterest en particulier la découverte visuelle, le scroll infini, et la modularité des contenus. Il est donc moins générique, mais excellent comme référence pour les plateformes de contenu visuel (réseaux sociaux, galeries, e-commerce inspirant).