THE
INTELLIGENT
NETWORK

ヒーローの大見出しはブランドのコアメッセージを3行で配置し、
中央の黄色ラインがブランドカラーの焦点となるレイアウト構成です。

左カラムの大見出しは、
コンセプトの核心を2行で体現する。

左テキストカラムには、セクションラベル・見出し・本文・CTAボタンが 縦方向に整列し、階層型の視覚的リズムを形成しています。 本文は白の65%透明度で表示され、見出しとの明確なコントラストを保ちます。

詳しく見る
Concept visual
SERVICE

各カードが提供するサービス価値

SPEED
カード左列 — 速度を象徴するアイコンと見出し

カードボディはアイコン行の直下に配置され、 サービスの詳細を55%透明度の白テキストで説明します。 3カードは均等幅のグリッドで横並びに配置されます。

NETWORK
カード中列 — ネットワーク構造を示すアイコン

中央カードも同じ内部構造を持ち、 アイコン・英語タイトル・日本語サブタイトル・ 本文テキスト・矢印の順に垂直に配置されます。

SECURITY
カード右列 — セキュリティを示すシールドアイコン

右カードも同一の縦型レイアウトを維持し、 3カード間で統一されたビジュアルリズムを 実現するグリッドデザインです。

左見出しが右側の
4段階プロセスを導入する

1
DISCOVER ステップ1のフェーズ名

各ステップは黄色の円形マーカーで番号付けされ、 フェーズ名(英語)と工程名(日本語)を横並びに表示します。

2
DESIGN ステップ2のフェーズ名

縦線がマーカー間を繋ぎ、上から下へ流れる シーケンシャルな工程の視覚的流れを表現します。

3
DEVELOP ステップ3のフェーズ名

3番目のステップ本文は同一のフォントサイズと 透明度を維持し、タイムライン全体の統一感を保ちます。

4
DELIVER ステップ4のフェーズ名

最終ステップには縦線がなく、タイムラインの 終端を示す視覚的クロージャーを提供します。

DATA

統計セルが数字で価値を示すレイアウト

128%
統計項目ラベル1
アイコン・大数値・ラベルの縦配置
3,750+
統計項目ラベル2
イエローのBebas Neue体で数値を強調
92%
統計項目ラベル3
3列目はドーナツチャートで数値を表現
42
統計項目ラベル4
右端列はグローブアイコンでグローバル展開を示す

左見出しが右の
アコーディオンを導入する

最初の質問行 — デフォルトで展開状態のアコーディオン項目
開いた状態の答えパネルは質問行の直下に表示され、 同じ背景色で連続した面として見せます。 テキストは12pxの60%白透明度で設定されています。
2番目の質問行 — 閉じた状態のアコーディオン項目
閉じたアコーディオンは質問テキストと+アイコンのみを表示し、 クリックで答えが展開されます。アイコンは45度回転でx印に変化します。
3番目の質問行 — 均一な高さで区切り線が整然と並ぶ
各アコーディオン行はボトムボーダーのみで区切られ、 余分な装飾を排除したミニマルなリストデザインです。
4番目の質問行 — リスト末尾まで統一されたレイアウト
全4行で構成されるFAQリストは、左の見出しカラムと 2:1のグリッド比でバランスよく配置されています。