Body Text
Paragraphs and inline links (with active, hover, and visited styles) that will make up the main content area of a page.
On this page
Example
Elit sed quam elit sagittis. Aliquam amet vehicula purus diam id cras lorem interdum cras. Orci massa mauris pharetra iaculis pulvinar egestas eu. Sed cras neque pellentesque suspendisse aliquam quis. Integer consectetur odio enim porttitor. Elit eget vestibulum facilisis mollis in nisi. Metus metus diam in tortor fermentum ut iaculis metus nullam. Sed sagittis sit augue adipiscing mattis mauris. Sit risus sit nullam hac in iaculis. Sed et odio tincidunt nisi. Sodales est adipiscing viverra in. Turpis egestas ac consequat cursus tortor ultrices imperdiet sit. Proin at mus tristique hendrerit pretium in risus.
Massa fringilla est mi magna proin. Urna at viverra interdum arcu elit lectus molestie morbi. Amet proin sed enim tristique duis integer tincidunt enim. Scelerisque pharetra rhoncus pretium enim etiam turpis id sed.
Unordered List
- Ullamcorper justo tortor cursus eu auctor.
- Sagittis sed tempor ut.
- Malesuada nec a a vestibulum enim tellus.
Ordered List
- Ullamcorper justo tortor cursus eu auctor.
- Sagittis sed tempor ut.
- Malesuada nec a a vestibulum enim tellus.
When to use
Body text is used to display the primary content on a webpage.
Guidelines
Body text should be easy to read and scannable. Use headings, ordered and unordered lists, blockquotes, images, and other components to provide structure and make the page visually appealing.
Accessibility
Ensure that the contrast ratio between the text and the background color, including all link states, meets the accessibility standard of 4.5:1.
Component Cheat Sheet
[Body Text]
Text: