Sanity

Sanity
难度:
知名公司
sanity

效果预览

风格描述

Headless 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 App

Web App
Build a web app with Sanity design language and #f36458 color system.

Sanity Dashboard

Dashboard
Create a dashboard using Sanity style with data visualization and - Background: Sanity Red ( typography.

适合场景

  • Backend
  • Brand-consistent interfaces
  • Modern web applications

不适合场景

  • Unrelated design aesthetics
  • Different brand guidelines