Web Typography

Treat typography as part of the product's existing visual system. These are starting points, not universal laws; tune them for the chosen typeface, language, content, viewport, and user preferences.

Reading measure and size

• Long-form body text usually works around 45–75 characters per line. Start near 65ch and inspect real content.
• Keep body text at least 1rem unless the design system and accessibility testing justify another value.
• Preserve browser text-size preferences with rem font sizes and unitless line-height.
• Do not shrink mobile body text merely to preserve a desktop line length.

.prose {
  max-width: 65ch;
  font-size: 1rem;
  line-height: 1.5;
}