Paragraph Block

Good design is as little design as possible. Less, but better, because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

Typography is the craft of endowing human language with a durable visual form. It is the foundation of visual communication and the primary vehicle for content on the web.

fontSize: 16px · lineHeight: 26px · textColor: #525252 · width: ~640px (paddingRightLg: 512px)

Good design is as little design as possible. Less, but better, because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

Use the small text variant for captions, metadata, footnotes, and secondary information that supports the primary content without competing for attention.

fontSize: 13px · textColor: #525252 · width: ~640px (paddingRightLg: 512px)

Good design is as little design as possible. Less, but better, because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

The large intro paragraph is used directly below page headings or at the start of long-form content to ease readers into the text with a slightly larger, more inviting size.

fontSize: 17px · lineHeight: 28px · textColor: #525252 · width: ~720px (paddingRightLg: 432px)

Good design is as little design as possible. Less, but better, because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.

On dark backgrounds, body text uses white at 60% opacity to maintain readability while keeping the text subordinate to headings rendered in full white.

fontSize: 16px · lineHeight: 26px · textColor: #ffffff99 (white/60) · width: ~640px (paddingRightLg: 512px) — on bg-g-900