Clay 是全球知名的創意機構，以藝術指導級的網頁設計著稱。其介面用暖奶油畫布（#faf9f7）配燕麥色描邊（#dad4c8）營造手作感而非臨床感，色板擁有俏皮的水果名字——抹茶、冰沙、檸檬、紫薯、石榴、藍莓、火龍果；Roobert 字型開滿 5 組 OpenType 風格集，懸停動畫大膽旋轉上升配硬偏移陰影，Space Mono 負責程式碼與技術標籤。適合創意機構與藝術指導型專案。
Clay設計與創意
提示詞範本
基礎範本
Design a Clay-inspired interface. - Warm cream canvas (#faf9f7) with oat-toned borders (#dad4c8) — artisanal, not clinical; - Named swatch palette: Matcha, Slushie, Lemon, Ube, Pomegranate, Blueberry, Dragonfruit; - Roobert font with 5 OpenType stylistic sets — quirky geometric character; - Playful hover animations: rotateZ(-8deg) + translateY(-80%) + hard offset shadow; - Space Mono for code and technical labels. Colors: #000000, #ffffff, #faf9f7, #84e7a5 with #84e7a5 accent. Typography: Roobert.
變體提示詞
📱 行動裝置
Design a mobile app with Clay aesthetics. Use Clay color identity with #84e7a5 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Clay style. Use Clay color identity with #84e7a5 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Clay design language. Use Clay color identity with #84e7a5 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Clay visual identity. Use Clay color identity with #84e7a5 accents. Compelling, conversion-focused.
使用範例
Clay 應用程式
Web 端Build a web app with Clay design language and #84e7a5 color system.
Clay 儀表板
儀表板Create a dashboard using Clay style with data visualization and Roobert typography.
✅ 適用情境
- 設計協作
- 設計機構作品集與品牌網站
- 需要藝術指導感的行銷頁
❌ 不適用情境
- 嚴謹的企業後台系統
- 高密度資料儀表板
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。