Meta Store 是 Meta 銷售 Quest 頭戴裝置與智慧眼鏡的科技零售店，產品本身就是視覺主角。介面在純白資訊區與深色沉浸區之間二分切換，飽和藍色膠囊 CTA 標記每一個行動點，Optimistic VF 可變字型帶來幾何暖意，大量留白如藝廊般襯托產品。適合硬體、零售與產品展示類頁面。
Meta (Store)電商與零售
提示詞範本
基礎範本
Design a Meta Store-inspired interface. - Photography-first retail design where products are the visual heroes, not UI; - Binary surface strategy: pure white for information, deep dark for immersive product moments; - Pill-shaped CTAs in saturated blue create unmistakable action points; - Optimistic VF typeface with OpenType ss01/ss02 features brings geometric warmth; - Generous whitespace frames products like gallery exhibits. Colors: #0064E0, #0143B5, #004BB9, #47A5FA with #0064E0 accent. Typography: (.
變體提示詞
📱 行動裝置
Design a mobile app with Meta Store aesthetics. Use Meta Store color identity with #0064E0 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Meta Store style. Use Meta Store color identity with #0064E0 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Meta Store design language. Use Meta Store color identity with #0064E0 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Meta Store visual identity. Use Meta Store color identity with #0064E0 accents. Compelling, conversion-focused.
使用範例
Meta (Store) 應用程式
Web 端Build a web app with Meta Store design language and #0064E0 color system.
Meta (Store) 儀表板
儀表板Create a dashboard using Meta Store style with data visualization and ( typography.
✅ 適用情境
- 電商情境
- 科技零售與硬體展示
- 攝影主導的產品頁
❌ 不適用情境
- 密集資料後台
- 紙質閱讀產品
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。