Pinterest · Design system breakdown
Image-first design system tuned for visual discovery products.
Pinterest open-sourced Gestalt in 2019 after years of internal use. It powers Pinterest's web and mobile surfaces — boards, pins, search, ads — and was built around a content type that's fundamentally visual rather than textual, which forces interesting decisions about contrast, density, and motion.
A central design systems team owns Gestalt; product designers and engineers contribute via a public RFC and review process. The library is open-source on GitHub with a maintained changelog and a discoverable component status taxonomy (alpha, beta, stable, deprecated).
| Token | Value | Role |
|---|---|---|
| color-text-default | #111111 | Default body text |
| color-background-default | #ffffff | Page surface |
| color-text-error | #ad081b | Pinterest red, error emphasis |
| space-400 | 16px | Default control spacing |
| rounding-300 | 12px | Default card and pin radius |
| elevation-floating | 0 2px 8px rgba(0,0,0,0.1) | Hover and floating UI |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Pick Gestalt if you're building visual discovery, content browsing, or media-led commerce experiences and want a real masonry primitive. Don't pick it for forms-heavy admin tools — it's not where its patterns live.
Compare more systems