---
title: UI Text
description: UI Text provides standardized styles for headings and text across templates, components, and applications.
---

UI Text is a set of text styles that should be used for headings and other text in templates, components and applications.

New UI Text style Body available since <span class="doc-badge doc-badge--info">2026.01.1</span>

```html
<p class="env-ui-text-overline">Overline</p>
<h1 class="env-ui-text-heading">Heading</h1>
<h2 class="env-ui-text-sectionheading">Section heading</h2>
<h3 class="env-ui-text-subheading">Subheading</h3>
<p class="env-ui-text-body">Body</p>
<p class="env-ui-text-caption">Caption</p>
```

## Usage example

<div class="env-theme-example-brand">
<div class="env-popover example-static-popover env-m-vertical--large" data-popper-placement="top">
   <div class="env-popover__arrow"></div>
   <div class="env-popover__content">
      <h4 class="env-ui-text-sectionheading env-popover__header__title">Section heading</h4>
      <img
         class="env-card__image env-profile-image env-profile-image--small"
         src="https://envisionui.io/placeholders/profile/200x200/01.webp"
         alt="Example profile image"
      />
      <h2 class="env-ui-text-subheading">Subheading</h2>
      <p class="env-ui-text-body">Body</p>
      <p class="env-ui-text-caption">Caption</p>
   </div>
</div>
</div>