全画面の暗色背景に、大型セリフ書体でブランドメッセージを表示するヒーローセクション。
コンセプトセクションでは、セクションラベル・大型見出し・説明文の3層構造でブランドメッセージを伝えます。 細い書体ウェイトと広いレタースペーシングが高級感を演出し、暗色背景と淡いテキストカラーのコントラストが視認性を高めます。 右側の写真は画面いっぱいに広がり、重厚なビジュアルインパクトを与えます。
左側にブランドコピーと補足テキストを配置し、右側に枠線付きアイコンカードを縦並びで表示します。 ホバー時にアイコン背景色が変化し、矢印アイコンが出現するマイクロインタラクションで操作感を提供します。
枠線付き正方形アイコンと見出し・説明文を横並びに配置したサービスカード。
ホバーエフェクトとアロー表示で詳細へのナビゲーションを示唆します。
各カードはボーダーラインで区切られ、統一されたグリッドリズムを形成します。
ゴールドカラーをアクセントとしてアイコンと矢印に使用しています。
サービス3項目をリスト表示するレイアウトパターン。セクション全体がダークトーンで統一され、
上品で洗練されたブランドイメージを強化します。
中央軸の左側に配置されるステップコンテンツ。
番号・タイトル・説明文の3層構造で各工程を表現します。
中央軸の右側に交互配置されるステップ。
ゴールドのドットと細い縦ラインでタイムラインを形成します。
3ステップを交互配置でつなぐジグザグタイムライン。
アイコンボックスにホバーすると背景色が変化します。
FAQセクションは2カラムグリッドで構成されます。左側にセクションの説明テキストを配置し、右側に4項目のアコーディオンQ&Aリストを表示します。各質問行はボーダーで区切られ、ゴールドのプラスアイコンでインタラクションを示します。タップ時にアイコンが45度回転し、回答テキストがスムーズに展開されます。