Meta Store is Meta's tech retail storefront for Quest headsets and smart glasses, where products — not UI — are the heroes. Surfaces split between pure white and deep dark, pill-shaped blue CTAs mark every action, the Optimistic VF typeface adds geometric warmth, and whitespace frames products like gallery exhibits.
E-commerceEditorial
Prompt Template
Base Template
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: (.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with Meta Store design language. Use Meta Store color identity with #0064E0 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Meta Store visual identity. Use Meta Store color identity with #0064E0 accents. Compelling, conversion-focused.
Usage Examples
Meta Store App
WebBuild a web app with Meta Store design language and #0064E0 color system.
Meta Store Dashboard
DashboardCreate a dashboard using Meta Store style with data visualization and ( typography.
✅ Best For
- E-commerce
- Tech retail and hardware showcases
- Photography-led product pages
❌ Avoid For
- Dense data back offices
- Paper-style reading products
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.