Pinterest is the visual discovery platform where what you save becomes how you live. Its style pairs warm white with olive-sand neutrals, uses Pinterest Red (#e60023) as the singular accent, sets text in the global Pin Sans, and runs a three-tier token architecture over warm surfaces (#e5e5e0). Made for discovery and inspiration products.
ConsumerMinimal
Prompt Template
Base Template
Design a Pinterest-inspired interface. - Warm white canvas with olive/sand-toned neutrals — cozy, not clinical; - Pinterest Red (#e60023) as singular bold accent — never subtle, always confident; - Pin Sans custom font with global fallback stack (including CJK); - Three-tier token architecture: --comp-* / --sema-* / --base-*; - Warm secondary surfaces: sand gray (#e5e5e0), warm badge (hsla(60,20%,98%,.5)). Colors: #e60023, #103c25, #0b2819, #211922 with #e60023 accent. Typography: Pin Sans.
Variant Prompts
📱 Mobile
Design a mobile app with Pinterest aesthetics. Use Pinterest color identity with #e60023 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Pinterest style. Use Pinterest color identity with #e60023 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Pinterest design language. Use Pinterest color identity with #e60023 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Pinterest visual identity. Use Pinterest color identity with #e60023 accents. Compelling, conversion-focused.
Usage Examples
Pinterest App
WebBuild a web app with Pinterest design language and #e60023 color system.
Pinterest Dashboard
DashboardCreate a dashboard using Pinterest style with data visualization and Pin Sans typography.
✅ Best For
- Consumer
- Visual discovery and inspiration feeds
- Masonry-grid content products
❌ Avoid For
- Solemn financial back offices
- High-density data tables
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.