小紅書是「你的生活興趣社群」，年輕人用圖文筆記分享生活風格並完成種草與消費決策。其介面以品牌紅（#FF2442）為唯一飽和色，中性色是 rgba(48,48,52,.05/.10/.20) 的透明黑階而非離散灰；圓角貫徹到底——卡片 12-16px、按鈕全膠囊、彈層頂部 16px，深度近乎零陰影堅持扁平；字型只用蘋方 400/500/600 三檔。適合 UGC 社群與內容電商產品。
Xiaohongshu媒體與消費
提示詞範本
基礎範本
Design a Xiaohongshu-inspired interface. - Singular brand red (#FF2442 token, #FF2E4D at the component layer) — never two saturated colors at once; - Translucent neutrals (rgba(48,48,52, .05/.10/.20)) instead of discrete grey steps; - Generous rounding everywhere: cards 12–16px, buttons fully pill, sheets 16px top-only; - Near-zero shadow — flat by default; - PingFang SC at 400/500/600 only; no thin display weights. Colors: #FF2442, #FF2E4D, #FDBC5F, #FFFFFF with #FF2442 accent. Typography: - Background:.
變體提示詞
📱 行動裝置
Design a mobile app with Xiaohongshu aesthetics. Use Xiaohongshu color identity with #FF2442 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Xiaohongshu style. Use Xiaohongshu color identity with #FF2442 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Xiaohongshu design language. Use Xiaohongshu color identity with #FF2442 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Xiaohongshu visual identity. Use Xiaohongshu color identity with #FF2442 accents. Compelling, conversion-focused.
使用範例
Xiaohongshu 應用程式
Web 端Build a web app with Xiaohongshu design language and #FF2442 color system.
Xiaohongshu 儀表板
儀表板Create a dashboard using Xiaohongshu style with data visualization and - Background: typography.
✅ 適用情境
- 消費級產品
- 生活風格社群
- UGC 內容平台
❌ 不適用情境
- 嚴肅企業官網
- 高密度資料工具
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。