<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# 7. Do's and Don'ts

## Do's

1. **Do** cap body text at 680px width — this is the single most important rule for readability
2. **Do** use 18px body text with 1.7 line-height — larger and more spaced than typical web defaults
3. **Do** let images breathe — full-bleed or with generous margins, never cramped inline
4. **Do** use the serif/sans-serif pairing consistently: serif for headings, sans-serif for body
5. **Do** maintain generous paragraph spacing (1.5em) for scannable long-form content
6. **Do** use the warm off-white (`#FAF8F5`) background for sustained reading comfort
7. **Do** keep navigation minimal during article reading — the content is the experience
8. **Do** use pull quotes to break up long articles (every 4–6 paragraphs maximum)

## Don'ts

1. **Don't** exceed 680px content width for body text — wider lines increase reading fatigue
2. **Don't** use more than two typefaces (serif headings + sans-serif body) — no third face
3. **Don't** add decorative animations or hover effects to article content
4. **Don't** use sidebars, widgets, or ads that compete with the reading column
5. **Don't** use coloured backgrounds for body text sections — stick to `#FAF8F5` and `#FFFFFF`
6. **Don't** reduce body text below 16px on any viewport — readability is non-negotiable
7. **Don't** use justified text alignment — left-aligned only, to avoid uneven word spacing
8. **Don't** place more than one CTA per article view — the focus is reading, not converting
