CATEGORIES · 02 / 05
Design
タイポグラフィ、グリッド、色、余白。誌面という装置をつくる手仕事。（16 本）
Design
グリッドはまず 8px から。それ以外を許さない
4 や 6 や 10 が混ざる UI は、すべての隙間が「なんとなく」になる。8 の倍数だけにすると、設計がシンプルになる。
2025年8月1日
Design
アイコンの線幅を 1.5px で揃えるだけで世界が変わる
lucide / heroicons / 自作アイコンが混ざると、線の太さが揃わずに「ガチャガチャ感」が出る。stroke-width を統一する習慣。
2025年7月16日
Design
インラインの強調記号を整える 5 つのルール
太字・斜体・下線・コード・リンク。本文中で混ざりがちなインライン要素のルールを揃えるだけで、可読性は大きく変わる。
2025年7月2日
Design
ダークモード設計の判断軸 — 白を黒にするだけでは終わらない
`background: black` ではダークモードにならない。コントラスト・色温度・オブジェクトの優先順位を、ライト時と別軸で考える。
2025年6月18日
Design
24px の基準線でフォントサイズ系列を組む
見出しから本文まで、フォントサイズと行送りを 24px の倍数に揃える。たった 1 つのルールで、誌面の落ち着きが変わる。
2025年6月4日
Design
余白で読ませる、という日本語タイポグラフィの作法
欧文と日本語ではテキストが「呼吸する」場所が違う。日本語の縦組み・横組みで余白をどう設計するかを実例とともに。
2025年5月21日