Back to Library
P

Pinterest

Pinterest Inc

Visit Website

图片社交平台。红色强调,瀑布流布局,视觉发现引擎设计

红色品牌瀑布流Pin卡片视觉发现灵感收集

Color Palette

primary
secondary
background
surface
text
muted
border

Typography

Heading FontNoto Sans, system-ui, sans-serif
Body FontNoto Sans, system-ui, sans-serif
Base Size14px
Line Height1.4
Weights400, 500, 600, 700

Heading Scale

h1Pinterest Heading
h2Pinterest Heading
h3Pinterest Heading
h4Pinterest Heading

DESIGN.md

# Pinterest Design System

## Visual Theme & Atmosphere
图片社交平台。红色强调,瀑布流布局,视觉发现引擎设计

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #E60023 | Brand color |
| Secondary | #BD081C | Hover/secondary |
| Background | #FFFFFF | Main canvas |
| Surface | #F0F0F0 | Cards, panels |
| Text | #333333 | Primary text |
| Muted | #767676 | Secondary text |
| Border | #EFEFEF | Dividers |

## Typography Rules
- **Heading Font**: Noto Sans, system-ui, sans-serif
- **Body Font**: Noto Sans, system-ui, sans-serif

- **Base Size**: 14px
- **Line Height**: 1.4
- **Weights**: 400, 500, 600, 700

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Pinterest's design language: 图片社交平台.
Primary color #E60023 on #FFFFFF background.
Typography: Noto Sans.

Frequently Asked Questions

What is Pinterest's design style?

图片社交平台。红色强调,瀑布流布局,视觉发现引擎设计

What is Pinterest's primary color?

Pinterest uses #E60023 as primary color, #FFFFFF for background, and #333333 for text.

What fonts does Pinterest use?

Heading font: Noto Sans, system-ui, sans-serif. Body font: Noto Sans, system-ui, sans-serif. Base size: 14px.

How to use Pinterest design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Pinterest's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems