Expo 是用 React 快速构建 iOS、Android 与 Web 原生应用的开源平台。其界面在冷调亮白画布（#f0f0f3）上保持严格单色——纯黑标题配冷蓝灰正文，不掺装饰色；胶囊几何贯穿按钮、标签与容器（24-9999px），64px 展示标题配极端负字距，Inter 一款字体从 400 到 900 字重撑起全部表达。适合开发者工具与技术产品。
开发者工具现代极简
提示词模板
基础模板
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.
变体提示词
📱 移动端
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.
📊 仪表板
Design a dashboard with Expo design language. Use Expo color identity with #0d74ce accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Expo visual identity. Use Expo color identity with #0d74ce accents. Compelling, conversion-focused.
使用示例
Expo 应用
Web 端Build a web app with Expo design language and #0d74ce color system.
Expo 仪表板
仪表板Create a dashboard using Expo style with data visualization and Inter typography.
✅ 适合场景
- 开发者工具
- 移动开发框架文档
- 代码优先的开发者平台
❌ 不适合场景
- 面向家长的教育界面
- 复古杂志排版
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。