风格描述
开源 Firebase 替代品。深色翠绿主题
标签
Supabase后端与数据
提示词模板
基础模板
Design a Supabase-inspired interface. - Dark-mode-native: near-black backgrounds (#0f0f0f, #171717) — never pure black; - Emerald green brand accent (#3ecf8e, #00c573) used sparingly as identity marker; - Circular font — geometric sans-serif with rounded terminals; - Source Code Pro for uppercase technical labels (1.2px letter-spacing); - HSL-based color token system with alpha channels for translucent layering. Colors: #3ecf8e, #00c573, #0f0f0f, #171717 with #3ecf8e accent. Typography: Circular.
变体提示词
📱 移动端
Design a mobile app with Supabase aesthetics. Use Supabase color identity with #3ecf8e accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Supabase style. Use Supabase color identity with #3ecf8e accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Supabase design language. Use Supabase color identity with #3ecf8e accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Supabase visual identity. Use Supabase color identity with #3ecf8e accents. Compelling, conversion-focused.
使用示例
Supabase App
Web AppBuild a web app with Supabase design language and #3ecf8e color system.
Supabase Dashboard
DashboardCreate a dashboard using Supabase style with data visualization and Circular typography.
✅ 适合场景
- Backend
- Brand-consistent interfaces
- Modern web applications
✅ 不适合场景
- Unrelated design aesthetics
- Different brand guidelines