小红书是「你的生活兴趣社区」，年轻人用图文笔记分享生活方式并完成种草与消费决策。其界面以品牌红（#FF2442）为唯一饱和色，中性色是 rgba(48,48,52,.05/.10/.20) 的透明黑阶而非离散灰；圆角贯彻到底——卡片 12-16px、按钮全胶囊、弹层顶部 16px，深度近乎零阴影坚持扁平；字体只用苹方 400/500/600 三档。适合 UGC 社区与内容电商产品。
媒体与消费现代极简
提示词模板
基础模板
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 编程工具使用。