この記事は、SWELLのデザイン（見出し・リスト・引用・ブログカードなど）を
まとめて確認するためのサンプル記事です。
あなたの設定したカラーや余白がどのように見えるか、
この記事をプレビューしながら調整してください。
H2：大見出し（セクションタイトル）
ここは H2 のデザインを確認するためのブロックです。
余白・線の太さ・色・背景などをチェックしてください。
H3：中見出し（小見出し）
ここは H3 のデザイン確認用です。
H2 との階層差が分かりやすいかどうかを見てください。
H2：リストのデザイン確認
箇条書き（ul）
- これは通常の箇条書きです
- マーカーの色や余白を確認してください
- 行間が詰まりすぎていないかもチェック
番号付きリスト（ol）
- 番号リストのデザイン
- 数字の色や位置を確認
- 長文になったときの折り返しもチェック
H2：引用（blockquote）の確認
これは引用ブロックです。
背景色・線の色・角丸・余白などを確認してください。
H2：ブログカードの確認
内部リンクカード
以下は内部リンクカードの表示例です（あなたのブログ内の記事URLを貼ってください）
例：
https://deepfreedom.site/hello-world/
外部リンクカード（OGP）
以下は外部リンクカードの表示例です
例：
https://www.swell-theme.com/
H2：ボタンのデザイン確認
H2：マーカー（蛍光ペン）の確認
これは 強調（太字） のサンプルです。
これは ==マーカー（蛍光ペン）== のサンプルです。
H2：テーブル（表）の確認
| 見出し1 | 見出し2 |
|---|---|
| サンプルA | サンプルB |
| サンプルC | サンプルD |
H2：まとめ
このサンプル記事を使えば、
SWELLのデザインを一度に確認しながら調整できます。
気に入らない部分があれば、
「エディター設定」や「カスタマイザー」で微調整してみてください。
コメント