- Is the h3 font size too close to h2, dampening the visual hierarchy?
- Is vertical spacing around headers too tight, making the text harder on the eyes and more difficult to scan? Particularly h2 and h3
- May be a bug: there is no vertical space between h1 and the description when it's shown. I'd try 8-16 px
- Is the header description font size too small? Reference designs (Nature, New York Times, Distill, and Tailwind) consistently used a slightly larger size than the base font size. I'd try 19px
- With the base font size reduced from 20px to 17px, is the content width too wide? On a large display, reference designs are 600-750px, and Quarto is ~850px.

### Suggestion

Here is a side-by-side comparison after making some of these changes. Left is original. On the right, I have:

- Decreased h3 font-size from 23px to 20px
- Increased h2 top and bottom margins from 34 17 to 49 24
- Increased h3 top and bottom margins from 25.5 8.5 to 40 20.

<img width="1916" alt="image" src="https://user-images.githubusercontent.com/559360/229340301-6cbc6901-4278-4ecc-87f7-1134e3daac00.png">

cc @allenmanning @dragonstyle 
dragonstyle
2023-04-02T08:03:07Z
seeM
enhancement
v1.4
open
Revisit header font sizes, vertical spacing, content width
https://github.com/quarto-dev/quarto-cli/issues/5066