Sanity 是 AI 時代的內容作業系統，為 Web、行動與智慧代理應用提供內容後端。其介面以近黑（#0b0b0b）作為預設識別而非「深色模式」，waldenburgNormal 在展示尺寸上用極端負字距表達精密工程感，灰階純粹不帶冷暖傾向，霓虹綠、電光藍（#0052ef）與珊瑚紅（#f36458）像標點一樣點亮暗場，主按鈕全膠囊、次級操作卻是 3-6px 小圓角。適合 CMS 與內容基礎設施產品。
Sanity後端與資料
提示詞範本
基礎範本
Design a Sanity-inspired interface. - Near-black canvas (#0b0b0b) as the default, natural environment -- not a dark "mode" but the primary identity; - waldenburgNormal with extreme negative tracking at display sizes, creating a precision-engineered typographic voice; - Pure achromatic gray scale -- no warm or cool undertones, pure neutral discipline; - Vivid accent punctuation: neon green, electric blue (#0052ef), and coral-red (#f36458) against the dark field; - Pill-shaped primary buttons (99999px radius) contrasting with subtle rounded rectangles (3-6px) for secondary actions. Colors: #0b0b0b, #000000, #f36458, #0052ef with #f36458 accent. Typography: - Background: Sanity Red (.
變體提示詞
📱 行動裝置
Design a mobile app with Sanity aesthetics. Use Sanity color identity with #f36458 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Sanity style. Use Sanity color identity with #f36458 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Sanity design language. Use Sanity color identity with #f36458 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Sanity visual identity. Use Sanity color identity with #f36458 accents. Compelling, conversion-focused.
使用範例
Sanity 應用程式
Web 端Build a web app with Sanity design language and #f36458 color system.
Sanity 儀表板
儀表板Create a dashboard using Sanity style with data visualization and - Background: Sanity Red ( typography.
✅ 適用情境
- 後端系統
- 內容管理與編輯工作台
- 編輯驅動的產品官網
❌ 不適用情境
- 高頻動畫的遊戲頁面
- 深色霓虹科技介面
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。