Shopify 是一體化電商平台，幫助商家快速建站與經營。該風格以深色為底（帶森林墨綠傾向而非純黑），330 字重的超輕展示字型在 96px 體量上呈現空靈感，霓虹綠（#36F4A4）是唯一的能量強調色，按鈕採用全膠囊圓角，多層陰影營造攝影般的縱深。適合電商、SaaS 與需要電影感的首屏敘事。
Shopify電商與零售
提示詞範本
基礎範本
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 程式設計工具使用。