最初のセクションでは、記事全体の雰囲気を短くまとめます。ここに書く文章は3〜5行程度を想定していて、読み手が「この記事を読み進めるかどうか」を判断する部分になります。

実際のレビューでは、作品全体を通して感じたことをこの位置に書く想定です。ここではレイアウト確認のためのダミーテキストを入れています。行間が広すぎないか、1行あたりの文字数が多すぎないかを確認してください。

写真は本文の左右いっぱいまで広げています。本文よりも一段広い幅になるため、文章から写真へ視線が移ったときに切り替わりが生まれます。

縦横比は元画像のままで、無理な切り抜きはしていません。横長の写真でも縦長の写真でも、同じ余白のまま並ぶかどうかがここでの確認点です。

写真の下には短い説明文を置けます。本文より小さく、グレーで控えめに表示されるので、写真の内容を補足したいときだけ使う想定です。

文章のかたまりと写真が交互に来ることで、ページを下に読み進めるリズムが生まれます。文章が長く続くと読み疲れるため、1セクションあたりの本文は2〜3段落を目安にしています。

このサンプルでは4セクションを使っていますが、実際の記事では2セクションだけ使う、あるいは写真を入れずに文章だけにする、といった使い方もできます。入力しなかった項目はページに一切出ないので、記事ごとに長さを変えられます。

最後のセクションでは、細かい部分について書く想定です。ここまでで写真が3枚入っているので、ページ全体としてどのくらいの長さになるかを確認できます。

スマートフォンでは写真が画面の左右いっぱいまで広がります。PCとスマートフォンで印象が変わりすぎていないかを、あわせて確認してください。