NaviPartner ファビコン設定

🎨 デザインコンセプト

NaviPartnerのファビコンは、4つの正方形で構成されたシンプルなデザインです。

• 左上（濃い青）: 堅実な基盤
• 右上（濃いオレンジ）: 情熱とエネルギー
• 左下（薄い青）: 柔軟な対応
• 右下（薄いオレンジ）: 成長と発展

この4つの要素が組み合わさって、NaviPartnerの「事業の核を明確化し、パートナーとして伴走する」という価値を表現しています。

📁 ファイル構成

/assets/images/
├── favicon.svg            # SVG版ファビコン（すべてのサイズに対応）
├── favicon-16x16.png      # 16×16px PNG
├── favicon-32x32.png      # 32×32px PNG
├── apple-touch-icon.png   # 180×180px Apple用
├── icon-192x192.png       # 192×192px Android用
└── icon-512x512.png       # 512×512px 高解像度用

/
├── site.webmanifest       # PWA設定ファイル
└── icon-generator.html    # アイコン生成ツール

🚀 アイコン生成方法

1. ブラウザで icon-generator.html を開く
2. 各サイズのアイコンをクリックしてダウンロード
3. ダウンロードしたファイルを /assets/images/ に配置

✅ 設定済み項目

_includes/head.html に以下の設定が含まれています：

• SVGファビコン
• PNG版ファビコン（16×16, 32×32）
• Apple Touch Icon（180×180）
• Webマニフェスト
• テーマカラー設定

🔧 カスタマイズ

カラーを変更する場合は、以下のカラーコードを調整してください：

• 濃い青: #2563EB
• 濃いオレンジ: #EA580C
• 薄い青: #93C5FD
• 薄いオレンジ: #FDBA74

📝 注意事項

• ファビコンの変更が反映されない場合は、ブラウザのキャッシュをクリアしてください
• Jekyllでサイトをビルドする際は、bundle exec jekyll serve で確認できます