Neon は電光ネオンの美学です。青（#00BCFF）と蛍光イエローグリーン（#BBF351）の輝きが暗い下地ににじみ、文字とボーダーが蛍光灯のように光ります。高コントラストと暗い場が、ゲームセンター、ナイトクラブ、サイバーストリートの空気をスクリーンに持ち込みます。音楽、eスポーツ、ナイトライフ、トレンドカルチャーのイベント系 UI に適しています。
Neon擬態とエフェクト
プロンプトテンプレート
基本テンプレート
Design a Neon-inspired interface. Colors: #00BCFF, #16A34A, #D97706, #DC2626 with #00BCFF accent. Typography: #BBF351.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Neon aesthetics. Use Neon color identity with #00BCFF accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Neon style. Use Neon color identity with #00BCFF accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Neon design language. Use Neon color identity with #00BCFF accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Neon visual identity. Use Neon color identity with #00BCFF accents. Compelling, conversion-focused.
使用例
Neon アプリ
WebBuild a web app with Neon design language and #00BCFF color system.
Neon ダッシュボード
ダッシュボードCreate a dashboard using Neon style with data visualization and #BBF351 typography.
✅ 適した用途
- ビジュアル効果のシーン
- eスポーツと娯楽のシーン
- 夜をテーマにしたページ
❌ 適さない用途
- 日常的な業務ツール
- 穏やかなライフスタイルブランド
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。