> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/dev-guide/developer-guide-en/pjt-prepare/ui-ux-guide/screen-detail-guide/title-designation.md).

# Title Designation

## Overview <a href="#undefined" id="undefined"></a>

Using a clear title style makes the information hierarchy clear.

Within a single business screen, titles are divided into the menu screen name for that business screen and hierarchical titles for each information group.

Within a business screen, the hierarchy is distinguished by title font elements together with bullet icons.

## Case of Applying Titles \_ Hierarchical Relationship <a href="#id" id="id"></a>

<figure><img src="https://200425-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVEZx3rsZsIv89GPS3d2J%2Fuploads%2FzXsY2APv0xYecuS4dCIw%2Fimage.png?alt=media&#x26;token=3237db19-0538-4873-8da0-5853d0348ae0" alt=""><figcaption></figcaption></figure>