Gestalt Design System
v47.1.7
Playground
GitHub
Sort by

Getting Started
About us
Component overview
Design
Development
How to work with us
Installation
Roadmap
What's new
Foundations
Accessibility
Color palette
Color usage
Design tokens
Elevation
Iconography and SVGs
Layouts
Screen sizes
Resources
Eslint plugin
FAQ
How to hack around Gestalt
Tooling
Building blocks
Box
Column
Container
Flex
Icon
Layer
Letterbox
Mask
Pog
ScrollBoundaryContainer
Sticky
TapArea
ZIndex Classes
Actions
Button
ButtonGroup
IconButton
Link
Avatars
Avatar
AvatarGroup
AvatarPair
Controls
Checkbox
RadioButton
Switch
Data
Datapoint
Table
Tag
Fields & Forms
ComboBox
DatePicker
Dropdown
Fieldset
Label
NumberField
SearchField
SelectList
TextArea
TextField
Loading
Pulsar
Spinner
Messaging
ActivationCard
Badge
Callout
Modal
Module
Popover
Sheet
Status
Toast
Tooltip
Upsell
Navigation
PageHeader
SegmentedControl
Tabs
Pins & Imagery
Collage
Image
Masonry
Video
Structure
Divider
Card
Text
Heading
Text
Utilities
ColorSchemeProvider
OnLinkNavigationProvider
useFocusVisible
useReducedMotion

Gestalt is Pinterest’s design system

We’re here to help you build experiences that inspire people to create the life they love
See what’s new

Getting started

Design

New
Our brand-new guide for designers to get started using Gestalt

Development

How to set up for development and create pull requests

How to work with us

Guidelines on how to engage the Gestalt team, when to work with us and how to contribute

Guidelines

Accessibility

How to create an inclusive product that brings inspiration to everyone

Color

A full range of options based on Pinterest’s brand color palette

Design tokens

Values used to construct layouts and components, such as spacing and color

Pinterest
Interested in working with Gestalt? Check out our Careers page!
This site is powered by Netlify

Welcome to Gestalt - Gestalt