エフェクト切り替えのリアルなハンドリング

ボタンの状態管理と data-effect の切り替えは実サイトと同じロジックを利用しています。

Sticky サマリー

active と muted を切り替えて擬似的にスクロール中の状態を観察できます。

現在の演出: shade
強調: Overview
抑制: Interaction / Layering
※ IntersectionObserver が未完でもボタン操作だけで演出テスト可能にしています。

Overview

最初のセクションを常に強調し、スクロール起点で期待する配色とコントラストを検証します。

Interaction

スクロールに合わせて切り替わるステップを、ボタン経由で擬似的に調整。シェード効果の強さを確認できます。

Layering

ミニマル表示では背景を白に戻し、文字色や影の強さを落として情報の密度をコントロールします。