Xiaohongshu

Difficulty:
Industry
xiaohongshu

Effect Preview

Style Description

Lifestyle UGC social platform. Brand red, large border-radius

Tags

XiaohongshuConsumer

Prompt Template

Base Template
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:.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Xiaohongshu design language. Use Xiaohongshu color identity with #FF2442 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Xiaohongshu visual identity. Use Xiaohongshu color identity with #FF2442 accents. Compelling, conversion-focused.

Usage Examples

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.

✅ Best For

  • Consumer
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines