VELIORA CLASSIC
ヒーローセクション：
全画面の背景画像とオーバーレイ
暗色の背景にゴールドのアクセントカラーを配した大型のファーストビュー。
中央揃えのテキストとスクロールインジケーターで構成されたレイアウトです。
暗色の背景にゴールドのアクセントカラーを配した大型のファーストビュー。
中央揃えのテキストとスクロールインジケーターで構成されたレイアウトです。
このセクションは2カラムのグリッドレイアウトで構成されています。左側には縦書きの大きな見出しテキストと、横書きの説明文が並びます。テキストエリアの下部にはイタリック体の英字タグラインが配置されています。
Timeless Design, Modern Standard
アイコン・見出し・説明文・矢印リンクで構成されたカード型UIです。枠線のみのミニマルなデザインが特徴です。
→3カラムのグリッドに均等配置されたサービスカード。ホバー時には影とトランスフォームのアニメーションが適用されます。
→各カードは統一されたパディングと中央揃えのレイアウトで、ブランドの品格を表現しています。
→
回答エリアはスライドアニメーションで表示されます。QバッジとAバッジの色を変えることで、視覚的に質問と回答を区別しています。
各FAQ項目は下線で区切られ、ゴールドのアクセントカラーが開いた項目のトグルボタンに適用されます。
アコーディオンのアニメーションにはmax-heightのトランジションを使用し、スムーズな展開を実現しています。
