THE GRAVITY OF BEAUTY
VEYRA FULL MOON
光と影が交差する、完成された極地。
DISCOVER
SCROLL DOWN
左に静的なテキストブロック、右に2枚の画像を重ねて配置したコラージュビジュアルの解説です。
大きい画像の手前に小さい画像を右下でオーバーラップさせ、奥行きのある構図を作っています。
ホバー時に枠線の色がゴールドへ変化するマイクロインタラクションの解説です。
Read Moreアイコン・見出し・本文・リンクという統一フォーマットを反復させる構成です。
Read More余白と罫線のみで構造を伝えるミニマルなカードデザインの解説です。
Read More
構想・定義
設計・実装
検証・磨き上げ
完成・納品
セクション到達と同時に、0から実数値まで慣性を持ってカウントアップする数値表示の解説です。
クリック時にプラスアイコンが45度回転し、枠線の色がゴールドへ変化します。回答領域は `grid-template-rows` を使って高さ0から自然に展開します。
ホバー時には背景がわずかにハイライトされ、クリック可能であることを示します。
複数項目を積み重ねても視認性を保てるよう、カード間に一定の余白を設けています。
中央配置の枠線フォームを、背景の満月ビジュアルの上に重ねたクロージングの解説です。