NEW MOON
— Where Every Cycle Begins —
SCROLL DOWN
余白を大きく取った1カラムのテキストブロックに、円形にトリミングしたビジュアルを添える非対称レイアウトの解説です。
各段落はスクロールで画面に入った瞬間、ぼかしから鮮明へ・下からふわりと立ち上がるように順番に現れます。
装飾を削ぎ落とし、行間を広く取ることで静けさを演出する組版の解説です。
Read Concept Detail
左側のビジュアルをスクロール中も画面に固定（sticky）し、右側だけがスクロールする定番のスプリットスクリーン構成の解説です。
Pattern A細い罫線区切りのリスト形式で項目を積み重ね、アイコンと見出しで情報の要点を素早く伝える構成の解説です。
Pattern B現在地を示すアクティブノードは白く発光し、他のノードより強調して表示されます。
未到達のステップは輪郭線のみのノードで表示し、進行状況の差を視覚的に区別します。
縦線は上から下へ一続きに伸び、スクロールに合わせて進行を追体験できる構成です。
細い罫線で3列を区切ったグラスモーフィズム調のグリッド。ホバーで背景色がわずかに明るく遷移します。
Read Doc同一フォーマットを反復させることで整列感を強調し、静謐な余白で信頼感を演出する構成です。
Read Docホバー時にリンクテキスト下のボーダーが左から右へ滑らかに描画されるマイクロインタラクションの解説です。
Read Docクリック時にプラスアイコンが45度回転してバツ印のような形に変化する開閉表現の解説です。開いた状態では回答エリアがなめらかに展開します。
閉じた状態ではプラスアイコンがそのままの向きで表示され、クリックで展開します。
単一ページで完結する、入力欄とボタンを縦に積んだミニマルなお問い合わせフォームの解説です。