カーテンの下から現れるヒーローの写真
01 / Hero Section

Curtain Reveal Hero

画面を覆う2枚の大理石の面が読み込み後に左右へ開き、下の写真と見出しが現れるヒーローの解説です。

02 / Editorial Layout

EditorialLayout

巨大な英字の見出しを左に置き、余白を広く取って、小さな本文と写真を右下にずらして配置する、雑誌の誌面のようなエディトリアル型の解説です。

右下にずらして置く写真
03 / Numbered List

Numbered List

01

リスト項目01

左に金色の大きな番号、右に題名と短い文を縦に並べる構成の解説です。

02

リスト項目02

項目の間に金の細い横線を引いて、静かに区切る構成の解説です。

03

リスト項目03

ホバーすると番号が少し右へ動き、上の線が金色に伸びる動きの解説です。

終端の背景に敷いた写真
04 / CTA Section

CTA Section

黒い大理石の写真の上に、金色の枠線のボタンを1つだけ置く終端の解説です。

Contact