01 / Stacking Face

Stacking Faces

画面にピン留めした面の上へ、次の石の面が下から1枚ずつ重なって積み上がる構成の解説です。1枚目は暗い石の面です。

02 / Diagonal Divider

Diagonal Divider

面の境目を clip-path で斜めに切る区切り線の解説です。上の面の一部を、斜めの縁で覆い隠します。

パネル構成01

アイコンと短い説明を横に並べたパネルの解説です。

パネル構成02

ホバーで少し浮き上がり、縁が苔色に変わる動きの解説です。

03 / Number Band

Number Band

大きな数字を単位つきで3つ横に並べる帯の解説です。表示している数値は、レイアウトを示すためのダミーです。

120+
数字の項目01
98.4%
数字の項目02
10Years
数字の項目03
終端の背景に敷いた写真
04 / CTA Section

CTA Section

積み上げた石の写真の上に、見出しと1つのボタンだけを置く終端の解説です。

Contact