Shopify 是一体化电商平台，帮助商家快速建站与经营。该风格以深色为底（带森林墨绿倾向而非纯黑），330 字重的超轻展示字体在 96px 体量上呈现空灵感，霓虹绿（#36F4A4）是唯一的能量强调色，按钮采用全胶囊圆角，多层阴影营造摄影般的纵深。适合电商、SaaS 与需要电影感的首屏叙事。
电商与零售Vibrant
提示词模板
基础模板
Design a Shopify-inspired interface. - Dark-first design with deep forest-teal undertones (not pure black); - Ultra-light display typography (weight 330) at monumental scale (96px) creating an ethereal presence; - Neon Green (#36F4A4) as the singular high-energy accent against darkness; - Full-pill buttons (9999px radius) as the primary interactive shape; - Layered, multi-stage box shadows creating photographic depth. Colors: #FFFFFF, #000000, #36F4A4, #C1FBD4 with #36F4A4 accent. Typography: - Background: White (.
变体提示词
📱 移动端
Design a mobile app with Shopify aesthetics. Use Shopify color identity with #36F4A4 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Shopify style. Use Shopify color identity with #36F4A4 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Shopify design language. Use Shopify color identity with #36F4A4 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Shopify visual identity. Use Shopify color identity with #36F4A4 accents. Compelling, conversion-focused.
使用示例
Shopify 应用
Web 端Build a web app with Shopify design language and #36F4A4 color system.
Shopify 仪表板
仪表板Create a dashboard using Shopify style with data visualization and - Background: White ( typography.
✅ 适合场景
- 电商场景
- 电商 SaaS 平台
- 深色电影感产品页
❌ 不适合场景
- 纸质出版风格
- 安静阅读站点
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。