Pinterest

Difficulty:
Industry
pinterest

Effect Preview

Style Description

Visual discovery platform. Red accents, masonry grid

Tags

PinterestConsumer

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

Web App
Build a web app with Pinterest design language and #e60023 color system.

Pinterest Dashboard

Dashboard
Create a dashboard using Pinterest style with data visualization and Pin Sans typography.

✅ Best For

  • Consumer
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines