樹冠の光
固定目次つきの記事レイアウトの解説です。画面の左に章の目次を固定し、読み進める位置に合わせて、現在の章が点灯します。
章の最初の1文字は、大きなドロップキャップにします。本文は幅を絞り、行間を広くとって、ゆっくり読ませる組み方です。
背景の色は、スクロールに合わせて、明るい緑から深い緑へゆっくり移ります。
林床の気配
背景が暗い緑に変わったあとの章の解説です。文字の色は、背景に合わせて明るいクリーム色に切り替えます。
本文の横には、小さな注釈と小さな写真を添えます。注釈は英字の斜体で、控えめに置きます。
続きを読む苔むす世界
最後の章の解説です。背景は、もっとも深い緑に近づき、目次の点灯の色も、明るい若葉の緑に変わります。
章ごとに背景色を段階的に変えることで、読み進めるほど森の奥へ入っていく感覚を作ります。