Webex is Cisco's video meeting and collaboration platform, connecting meetings, messaging, calling, and devices. Its style keeps product rhythm with the Momentum typography stack, runs a graduated blue action system from #1170cf through #0353a8 to #063a75, pairs white canvases with optional charcoal dark surfaces, uses soft pill controls, and lets collaboration-spectrum accents appear sparingly around people and workspaces.
SaaSMinimal
Prompt Template
Base Template
Design a Webex-inspired interface. - Momentum typography stack with clean product rhythm; - Blue action system centered on #1170cf, #0353a8, and #063a75; - White marketing/product canvases paired with optional charcoal dark-mode surfaces; - Soft pill geometry for actions and controls; - Collaboration-spectrum accent colors used sparingly for people/workspaces. Colors: #1170cf, #0353a8, #063a75, #64b4fa with #1170cf accent. Typography: (.
Variant Prompts
📱 Mobile
Design a mobile app with Webex aesthetics. Use Webex color identity with #1170cf accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Webex style. Use Webex color identity with #1170cf accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Webex design language. Use Webex color identity with #1170cf accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Webex visual identity. Use Webex color identity with #1170cf accents. Compelling, conversion-focused.
Usage Examples
Webex App
WebBuild a web app with Webex design language and #1170cf color system.
Webex Dashboard
DashboardCreate a dashboard using Webex style with data visualization and ( typography.
✅ Best For
- SaaS
- Enterprise meeting and collaboration platforms
- Blue-tone business tool UIs
❌ Avoid For
- Subculture doodle communities
- Dark neon-style interfaces
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.