Overview

Quiet global defaults plus an opt-in prose scope for long-form content, with a separate optional module for fluid display type.

Typography has three layers:

  • global defaults that make plain HTML readable without becoming classless CSS
  • .prose, an opt-in rich-text scope for articles, documentation, markdown, CMS content, and long-form text
  • a small optional fluid module for display, title, and lead sizes that scale with the viewport

Components must not depend on .prose. App screens, forms, cards, tables, navigation, dashboards, and component examples should use their own component or layout rules. Use .prose directly on a semantic content container, usually an article.