Sanity 是 AI 时代的内容操作系统,为 Web、移动与智能体应用提供内容后端。其界面以近黑(#0b0b0b)作为默认身份而非「深色模式」,waldenburgNormal 在展示尺寸上用极端负字距表达精密工程感,灰阶纯粹不带冷暖倾向,霓虹绿、电光蓝(#0052ef)与珊瑚红(#f36458)像标点一样点亮暗场,主按钮全胶囊、次级操作却是 3-6px 小圆角。适合 CMS 与内容基础设施产品。
开发者工具现代极简
提示词模板
基础模板
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 编程工具使用。