IGNI7E Design Guidelines
ブランド・デザインガイドライン
v1.0 — 2026.02Colors
カラーパレット
Primary Colors
Copied!
Primary Blue
#1855AF
メインブランドカラー
Copied!
Primary Green
#53BF71
CTAボタン
Copied!
Dark Navy
#151C27
ヒーロー・フッター
Copied!
Sub Navy
#273750
暗めセクション背景
Accent Colors
Copied!
Orange
#FFA629
Copied!
Light Blue
#48C0F0
Copied!
Accent Blue
#4353FF
Neutral Colors
Copied!
Black
#000000
Copied!
Dark Text
#222222
Copied!
Body Text
#333333
Copied!
Gray Text
#717171
Copied!
Light Gray
#F4F8FA
Copied!
Off White
#FCFCFC
Copied!
Border Gray
#CCCCCC
Copied!
Soft Blue Border
#DCE6F5
Copied!
White
#FFFFFF
Typography
タイポグラフィ
Open Sans
Light (300)
The quick brown fox jumps over the lazy dog
Regular (400)
The quick brown fox jumps over the lazy dog
SemiBold (600)
The quick brown fox jumps over the lazy dog
Bold (700)
The quick brown fox jumps over the lazy dog
ExtraBold (800)
The quick brown fox jumps over the lazy dog
Noto Sans JP
Light (300)
海外マーケティングのプロフェッショナル
Regular (400)
海外マーケティングのプロフェッショナル
Medium (500)
海外マーケティングのプロフェッショナル
SemiBold (600)
海外マーケティングのプロフェッショナル
Bold (700)
海外マーケティングのプロフェッショナル
見出しサンプル
海外マーケティングで成果を出す
グローバル展開を加速するパートナー
サービスの特徴と強み
多言語SEO対策の重要性
セクションラベル
SERVICE
Components
カードコンポーネント
Value Card
バイリンガル体制
日本語と英語のネイティブスタッフが在籍。ターゲット市場に合わせた自然な表現でコンテンツを作成し、ブランドメッセージを正確に伝えます。
データドリブン戦略
GA4やAhrefsなどの分析ツールを活用し、定量的なデータに基づいたマーケティング戦略を立案・実行します。
Service List Card
多言語SEO対策
英語・日本語・韓国語・フランス語に対応した検索エンジン最適化を行います。
広告運用代行
Google Ads、Meta Adsなど主要プラットフォームの広告運用を代行します。
コンテンツ制作
ネイティブライターによるブログ記事・ランディングページの制作を行います。
SNS運用
Instagram、LinkedIn、Xなどの海外向けSNSアカウントの運用を支援します。
Case Study Card
Blog Card
16:10 Image
海外SEOで成果を出すための5つのポイント
グローバル市場でオーガニック検索からの流入を増やすために押さえておくべき重要なポイントを解説します。
16:10 Image
多言語サイト構築のベストプラクティス
hreflangタグの設定からURL構造の設計まで、多言語ウェブサイトを正しく構築するための実践ガイドです。
16:10 Image
インバウンドマーケティング戦略の立て方
コンテンツを活用して見込み顧客を獲得するインバウンドマーケティングの基本戦略について紹介します。
Backgrounds
セクション背景パターン
Light / #FFFFFF
標準的なセクション背景。本文テキストやカードの配置に使用します。清潔感のある白背景で、コンテンツの可読性を最大限に高めます。
Soft / #F4F8FA
やわらかいグレー背景。セクション間の視覚的な区切りとして使用します。白背景との交互配置で、ページにリズムを生み出します。
Dark / #151C27
ダークネイビー背景。ヒーローセクション、CTA、フッターなどインパクトのあるセクションに使用します。白テキストとの高コントラストで注目を集めます。
Dark Alt / #000000
ピュアブラック背景。ダークネイビーとの組み合わせで、さらに深みのあるセクション切り替えを実現します。
Responsive
レスポンシブブレークポイント
| ブレークポイント | デバイス | 備考 |
|---|---|---|
1920px |
Large Desktop | 最大コンテナ幅、ワイドスクリーン対応 |
1440px |
Desktop | 標準デスクトップ表示 |
991px |
Tablet Landscape | グリッドカラム数の切り替えポイント |
767px |
Tablet Portrait / Mobile | シングルカラムレイアウトに切り替え |
479px |
Small Mobile | フォントサイズ・パディングの縮小 |