Pinterest 是「把收藏變成生活」的視覺探索平台。其風格以暖白畫布配橄欖沙色中性調，避免臨床感；Pinterest Red（#e60023）是唯一強調色，出現即自信；Pin Sans 支援包括中日韓在內的全球字庫，元件與語意色走三級 token 架構，暖色表面（沙灰 #e5e5e0）讓瀏覽更鬆弛。適合內容探索與靈感類產品。
Pinterest媒體與消費
提示詞範本
基礎範本
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.
變體提示詞
📱 行動裝置
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.
📊 儀表板
Design a dashboard with Pinterest design language. Use Pinterest color identity with #e60023 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Pinterest visual identity. Use Pinterest color identity with #e60023 accents. Compelling, conversion-focused.
使用範例
Pinterest 應用程式
Web 端Build a web app with Pinterest design language and #e60023 color system.
Pinterest 儀表板
儀表板Create a dashboard using Pinterest style with data visualization and Pin Sans typography.
✅ 適用情境
- 消費級產品
- 視覺探索與靈感流
- 瀑布流內容產品
❌ 不適用情境
- 嚴肅金融後台
- 高密度資料表
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。