メニュー
Use when setting line-height for body and display type. Default 1.5 is too tight for editorial body; too loose for display.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills --skill leading-and-line-height-disciplineコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when shipping a page. Accessibility tier (A, AA, AAA) sets minimum requirements; AA is the legal default in most jurisdictions.
Use when sizing images and embedded media. Consistent aspect ratios (16:9, 4:3, 1:1, 3:4) signal designed layout.
Use when designing editorial or luxury landing pages. Asymmetric grids feel curated; symmetric grids feel template-SaaS.
SOC 職業分類に基づく
SKILL.md を表示中
| name | leading-and-line-height-discipline |
| description | Use when setting line-height for body and display type. Default 1.5 is too tight for editorial body; too loose for display. |
Body 1.6-1.7, display 1.1-1.2, captions 1.4. Adjusting leading is the fastest way to elevate visible quality.
| Role | Line-height | Why |
|---|---|---|
| Display (40pt+) | 1.1-1.2 | Tight; lines act as visual block |
| Subhead (24-32pt) | 1.3 | Moderate breathing |
| Body (16-20pt) | 1.6-1.7 | Optimal reading |
| Pull-quote | 1.4 | Slightly tighter than body |
| Caption (11-13pt) | 1.4-1.5 | Tight for compact reference |
| Footnote | 1.5 | Compact but readable |
h1 { line-height: 1.1; }
h2 { line-height: 1.2; }
h3 { line-height: 1.3; }
p, li { line-height: 1.65; }
blockquote { line-height: 1.45; }
small { line-height: 1.4; }
1.5 (default browser leading) for body — too tight on serif1.0 for display — letters touch ascenders/descendersFoundation typography rule for CardPrepAI. The single biggest readability improvement on long-form content.