Expo

Difficulty:
Company
expo

Effect Preview

Style Description

React Native platform. Dark theme, code-first

Tags

ExpoDeveloper

Prompt Template

Base Template
Design a Expo-inspired interface. - Luminous cool-white canvas (#f0f0f3) with gallery-like vertical spacing; - Strictly monochromatic: pure black headlines, cool blue-gray body text, no decorative color; - Pill-shaped geometry everywhere — buttons, tabs, containers, images (24px–9999px radius); - Massive display headlines (64px) with extreme negative letter-spacing (-1.6px to -3px); - Inter as the sole typeface, used at weights 400–900 for full expressive range. Colors: #000000, #1c2024, #0d74ce, #476cff with #0d74ce accent. Typography: Inter.

Variant Prompts

📱 Mobile
Design a mobile app with Expo aesthetics. Use Expo color identity with #0d74ce accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Expo style. Use Expo color identity with #0d74ce accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Expo design language. Use Expo color identity with #0d74ce accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Expo visual identity. Use Expo color identity with #0d74ce accents. Compelling, conversion-focused.

Usage Examples

Expo App

Web App
Build a web app with Expo design language and #0d74ce color system.

Expo Dashboard

Dashboard
Create a dashboard using Expo style with data visualization and Inter typography.

✅ Best For

  • Developer
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines