いただいた実写2枚と、実際の白ロゴを使って組んでいます。上のバーで案・ロゴの位置と大きさ・タグラインの表記・暗がりの濃さを切り替えられます。PCでの見え方が本題なので、まずは「この設定のまま原寸で見る」で全画面を確認してください。
2026-07-31 更新。横に流れるスライドをやめ、中央の写真だけがふわっと入れ替わるクロスフェードにしました。ロゴは下・小さめを初期値にしています。
上に出ているヘッダー（ロゴと丸いアイコン）は、位置関係を見るための参考表示です。本番のヘッダーは今回いっさい変更しません。今のホームもすでに「透明ヘッダー＋白ロゴ」で動いています。
PC表示（このウィンドウ幅で描画しています）
スマホ表示（390px）
背景を全幅の色面にして、その中央に縦長写真を置きます。ロゴとタグラインはご要望どおり写真の中央。左右の余白には細い罫線と縦組みの小さな文字を入れて、余白を「構図」に見せています。
よいところ
気になるところ
広いPCでは2枚を横に並べて同時に見せます。写真の比率を変えずに画面が埋まるのが利点です。画面が狭いPCでは案Aと同じ額装1枚に、スマホでは全面スワイプに自動で切り替わります。
よいところ
気になるところ
PCでは画面を左右に分け、右58%に写真、左42%をブランドの面にしてロゴ・タグライン・導線を置きます。スマホでは案Aと同じ全面表示に戻ります。
よいところ
気になるところ
1枚目を横長に切り直して全幅で見せます。2枚目は縦構図が壊れるため、PCでは額装に切り替えるハイブリッドにしています。実際に組んでみた結果として、この素材にはおすすめしません。
よいところ
気になるところ
タグラインはフッターで「Wear the intangible.」を使っています。KVも揃えるか、いただいた文面どおり全部小文字にするか、上のバーで見比べてください。