Meta Store 是 Meta 销售 Quest 头显与智能眼镜的科技零售店，产品本身就是视觉主角。界面在纯白信息区与深色沉浸区之间二分切换，饱和蓝色胶囊 CTA 标记每一个行动点，Optimistic VF 可变字体带来几何暖意，大量留白如画廊般衬托产品。适合硬件、零售与产品展示类页面。
电商与零售编辑与印刷
提示词模板
基础模板
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 编程工具使用。