Xiaohongshu

Xiaohongshu
难度:
行业风格
xiaohongshu

效果预览

风格描述

生活方式 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 App

Web App
Build a web app with Xiaohongshu design language and #FF2442 color system.

Xiaohongshu Dashboard

Dashboard
Create a dashboard using Xiaohongshu style with data visualization and - Background: typography.

适合场景

  • Consumer
  • Brand-consistent interfaces
  • Modern web applications

不适合场景

  • Unrelated design aesthetics
  • Different brand guidelines