Title and Text module gives you more flexibility to style titles and text, helping you better highlight important information, improve readability, and make your pages more engaging.

Insert Title and text

Follow these steps to insert an Title and Text module to your Confluence page:

1. Open the page you want to edit, or create a new one.

2. In edit mode, click the ‘+' icon in the toolbar or press '/' on your keyboard to open the module menu.

3. Type "Title and text" or "Optics" in the search bar and select Title and text (by Optics) from the list to open a configuration dialogue.

4. Customize it using the live preview.

5. Once you're happy with the setup, click Add to page to insert the module. To cancel, simply click Cancel, and the module won’t be added.

Configuration

The Title and Text module come with configuration options that make it easy to adapt their appearance and behavior to fit any use case or align with your company’s branding.

Flexible display elements

The title, text, overline, line and icon can be toggled on or off individually, but at least one must remain visible to ensure a valid module.

Content

While all content in the Title and Text module is edited inline, a single visual element can be added to the left of the title to enhance the design. This is the only part that is configured in the configuration sidebar. Visual elements help bring personality, clarity, or branding to the content.

• Emoji: Used to add personality and expressiveness to announcements, making content feel more engaging and friendly.

• Icons: Available from four built-in libraries, offering a wide variety of styles to suit different use cases, from playful to professional.

• Logos: Part of a dedicated feature connected to the  Optics Style Guide . Allows Confluence admins to upload, manage, and use approved company logos across announcements and other modules.

Inline editing includes an additional feature for text formatting. When part of the content is highlighted, a formatting toolbar appears with options like bold, italic, underline, highlight color, and link. See the image below for an example.

Open

Styling options

Styling options allow customization of colors, and size of all elements enabled.

• Color: Uses only the accent color defined in the  Optics Style Guide . Changing the accent color updates the icon, overline, and line.

• Size: You can choose from predefined sizes, Small (S), Medium (M), and Large (L), or define a custom size within a range from 1 to 100.