Inset text
To highlight key information, such as quotes or important messages, by indenting and adding a distinct visual boundary. It is ideal for displaying content that requires emphasis while maintaining a clean layout.
- Inset description (Body/M/500).
- 4px left border.
- Author name.
Type
- Inset text is typically used to highlight key information or call out specific details within the main body of content. It stands out visually by being indented.
- Block quote is used to quote text from a source or author, often formatted with an indent.
Usage example
- Forms and Instructions:Place inset text in forms to highlight important instructions, such as deadlines, requirements, or clarifications. This helps guide users without interrupting the flow of the form.
- Documentation and Guidelines: Use inset text to emphasise key takeaways, important rules, or essential information within long pieces of documentation or guidelines. It helps users quickly locate critical points.
- Articles or Blog Posts: In articles, inset text is great for calling out quotes, statistics, or main ideas to ensure readers notice important content without needing to read the entire section.
By using inset text in these scenarios, you can improve readability, highlight important content, and enhance the overall user experience.