Composio

Difficulty:
Company
composio

Effect Preview

Style Description

Tool integration platform. Modern dark style

Tags

ComposioBackend

Prompt Template

Base Template
Design a Composio-inspired interface. - Pitch-black canvas with near-invisible white-border containment (4-12% opacity); - Dual-font identity: geometric sans-serif (abcDiatype) for content, monospace (JetBrains Mono) for technical credibility; - Ultra-tight heading line-heights (0.87-1.0) creating compressed, impactful text blocks; - Bioluminescent accent strategy — cyan and blue glows that feel like they're emitting light from within; - Hard-offset brutalist shadows (4px 4px) on select interactive elements. Colors: #0007cd, #00ffff, #0089ff, #0096ff with #0007cd accent. Typography: abcDiatype.

Variant Prompts

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

Usage Examples

Composio App

Web App
Build a web app with Composio design language and #0007cd color system.

Composio Dashboard

Dashboard
Create a dashboard using Composio style with data visualization and abcDiatype typography.

✅ Best For

  • Backend
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines