Cisco は世界有数のエンタープライズネットワーク／インフラブランドで、UI は純黒ではなく深い濃紺のチャコールで信頼感を築きます。Cisco Blue（#049fd9）が唯一のシグナルカラーで、ニュートラルシステムはグレースケールと淡いテクニカルホワイトで構成されます。エンタープライズらしい大きな見出しに、事実を簡潔に伝える本文を組み合わせ、CTA はピル型と丸みのあるコントロールを採用しつつも決して玩具的にはしません。ネットワーク、クラウドインフラ、エンタープライズ製品の UI に適しています。
Ciscoバックエンドとデータ
プロンプトテンプレート
基本テンプレート
Design a Cisco-inspired interface. - Dark navy-charcoal surfaces instead of flat black; - Cisco Blue (#049fd9) as the primary signal color; - Restrained neutral system built from grays and pale technical whites; - Enterprise-scale headlines with compact, factual body copy; - Pill CTAs and rounded control shells, but never toy-like UI. Colors: #049fd9, #64bbe3, #005073, #2b5592 with #049fd9 accent. Typography: a blue-black or charcoal blend built around.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Cisco aesthetics. Use Cisco color identity with #049fd9 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Cisco style. Use Cisco color identity with #049fd9 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Cisco design language. Use Cisco color identity with #049fd9 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Cisco visual identity. Use Cisco color identity with #049fd9 accents. Compelling, conversion-focused.
使用例
Cisco アプリ
WebBuild a web app with Cisco design language and #049fd9 color system.
Cisco ダッシュボード
ダッシュボードCreate a dashboard using Cisco style with data visualization and a blue-black or charcoal blend built around typography.
✅ 適した用途
- バックエンドシステム
- 企業ネットワークとインフラ製品のページ
- IT 意思決定者向けのソリューションサイト
❌ 適さない用途
- 軽快でポップなコンシューマー娯楽アプリ
- 手描きイラスト調のコンテンツコミュニティ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。