Sample Formats

Heading 1 emphasizes the page title. 

Heading 2 is used for major section breaks

Heading 3 introduces subsections within a Heading 2 section, helping structure longer content.

Heading 4 adds further hierarchy below Heading 3, typically for nested or detailed sections.

Heading 5 is used for minor headings or callouts within deeply structured content.
Heading 6 is rarely used but available for deeply nested hierarchies or accessibility purposes.

 

Normal is used for body copy and long-form text. It’s the default paragraph style for most content.

Address is used for contact details or physical addresses. It typically renders in italics and block format.
Normal (Div) applies the default paragraph style but wraps content in a div instead of a p; useful for layout or scripting flexibility.

Sample Block Styles

Lead  is used for introductory paragraphs. Slightly larger and lighter to draw attention at the start of a section.

Muted de-emphasizes supporting text. Typically shown in a lighter gray to reduce visual weight.

Text Start aligns content to the left edge, which is the default in left-to-right languages like English.

Text Center places content evenly between the left and right edges, creating a balanced, symmetrical appearance.

Text End aligns content to the right edge, often used for visual emphasis or in right-to-left languages.

Text Justify aligns evenly along both the left and right margins, creating a clean, block-like appearance. It adjusts the spacing between words so that each line fills the entire width of the container, except for the last line of a paragraph. This style is often used in newspapers and formal publications.

Highlight Text applies a background color to call out key phrases or tips. Often used for emphasis in instructional content.

Subtle Text is used for meta content like timestamps or disclaimers. Faint and quiet, but still readable.

Small Caption applies reduced font size. Intended for photo captions or supporting labels.

Emphasis Mark visually underlines important text. Not the same as bold — more like a colored or styled highlight.

Inline Code displays short snippets of code or commands in a monospaced font, styled to stand out from body text.