## Overview

`sd-leadtext` – Used for text that should be highlighted and a focal point of the page.

## API

### Examples

Use the styles tool (with `style` + `example` args) to retrieve the HTML for any of these examples:

- sd-leadtext/size
- sd-leadtext/inverted

## Guidelines

### Use Cases

- Provide a short, high-impact introduction to the topic or a brief summary at the top of a page or at the beggining of a new section.
- Draw attention to a critical statement or focal message that sets the tone for the content below.

### Rules

### Content and Emphasis

- Keep leadtext brief for maximum visual impact; if it grows lengthy, break it into blocks to remain scannable.
- Use leadtext to highlight key information or a standout idea, rather than duplicating a heading.

### Background

- Use light background options like white, neutral-100, primary-100, or use a primary background when inverted.

### Accessibility

- Confirm that leadtext is visually distinct from regular text to emphasise its introductory purpose without replacing headings.
- Avoid using leadtext as a structural heading; maintain proper semantic headings for section organization.

### Related Templates

- mark--docs

Use the templates tool (with `template` arg) to retrieve the full code for any of these templates.