Background/Goal
The padding between some sections in Codex is not enough. E.g. in the Contributing design the padding between h4 sections and h3-h4 is not enough and these sections seem to be too close.
Separation between h4 (3.2.1, 3.2.2...) is not enough | Separation between h4 and h3 (3.2.3 and 3.3) is not enough |
User stories
As a user I need to visually understand the sections in each Codex page.
Proposal
Acceptance criteria (or Done)
- Update the spacing between sections in Codex
- H1 - Body: 20px
- H1 section - Divider: 48px
- Divider - h2: 48px
- H2 - H3: 32px
- H2 sections padding: 32px
- H3 - Body: 16px
- H3 sections padding: 32px
- H3 - H4: 24px
- H4 - Body: 12px
- Update heading formats (h2, h3, h4) from Semibold to Bold
Design Review
- Separation between h4 (4.2.1, 4.2.2, 4.2.3) should be 24px
- Separation between h4 and body should be 12px