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