ゴール

• 読みやすい（余白・行間・階層）
• 続けやすい（Markdown運用）
• 見栄えが良い（カードとヒーロー画像）

UI設計のコツ

1. 情報量を“段階”で見せる

• 一覧：短い情報（タイトル・日付・要約）
• 詳細：ヒーロー＋本文

2. 余白と行間を優先

読みやすさの8割は「余白」です。

3. 画像は世界観を統一

同じテイストのイラストを使うと、ブログ全体が一気に整います。

まとめ

note風UIは、派手さよりも「読みやすさ」を作る設計です。
結果的に、滞在時間・回遊・信頼が上がります。