見本 — このサイトの組版について
これはデザイン確認のための見本記事である。このサイトは電子書籍リーダーで本を読んでいるときのような、静かな読書空間を目指している。背景は真っ白、本文は明朝体、行間はゆったりと取り、一行の長さは読みやすい三十五字前後に抑えてある。
段落と段落のあいだは空けず、書籍と同じように一字下げで区切っている。こうすると文章がひとつづきの「本文」として流れ、ブログというよりも本のページをめくっている感覚に近づく。
見出しはこう表示される
見出しは大きくしすぎず、前後の余白で区切りを作っている。本文より少しだけ太く、少しだけ大きい程度がちょうどよい。
写真やイラストを置くと、横幅は常に本文と同じ幅に統一される。
どの画像も同じ幅で並ぶため、文章のあいだに挟んでも紙面の統一感が崩れない。
場面を変えたいときは、罫線の代わりに「＊」で区切る。引用はこのように表示される。
引用文の見本。左に細い罫線が入り、本文より少し薄い色になる。
箇条書きも使える。
- 考えたこと
- 勉強したこと、発信したいこと
- 描いたイラスト、撮った写真
この記事は src/content/posts/sample.md にある。デザインの確認が済んだら削除してよい。