Webex は Cisco 傘下のビデオ会議と協業のプラットフォームで、会議、メッセージ、通話、デバイス管理を一体化します。スタイルは「Momentum」タイポグラフィ体系でプロダクトのリズムを保ち、青のアクションシステムは #1170cf、#0353a8 から #063a75 へと段階的に進みます。白いマーケティングキャンバスはチャコールのダークサーフェスに切り替え可能で、ボタンとコントロールは柔らかなピル型、協業スペクトルの補助色は人物とワークスペースの文脈にのみ抑制して現れます。企業の協業とリモートワークのプロダクトに適しています。
Webex生産性と SaaS
プロンプトテンプレート
基本テンプレート
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: (.
バリエーションプロンプト
📱 モバイル
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.
📊 ダッシュボード
Design a dashboard with Webex design language. Use Webex color identity with #1170cf accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Webex visual identity. Use Webex color identity with #1170cf accents. Compelling, conversion-focused.
使用例
Webex アプリ
WebBuild a web app with Webex design language and #1170cf color system.
Webex ダッシュボード
ダッシュボードCreate a dashboard using Webex style with data visualization and ( typography.
✅ 適した用途
- SaaS 製品
- 企業の会議と協業プラットフォーム
- ブルー系のビジネスツール UI
❌ 適さない用途
- サブカルチャーのグラフィティコミュニティ
- ダークネオン系の UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。