Panels are used to highlight important information and organize content on a page. They help draw attention to key messages, separate sections clearly, and make it easier for users to scan and navigate.

Insert Panel

Follow these steps to insert a Panel 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 "Panel" or "Optics" in the search bar and select Panel (by Optics) from the list to open a configuration dialogue.

4. In the configuration dialog, choose a Panel template and add a content using the live preview. The available customization options depend on the template you choose.

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.

Open

Start with templates

Creating panels starts with choosing a template: Standard, Notification, Custom Icon or Emoji. Each one is crafted by our design experts to help you build outstanding, consistent content in Confluence. We’re continuously adding new templates to keep your pages fresh and visually engaging.

Open

Configuration

Panels offer flexible settings to adjust appearance and behavior based on the use case.

Open

Flexible display elements

Panel elements such as icon, title and subtext can be enabled or disabled, providing flexibility to adapt panels to different use cases. Available elements vary depending on the selected panel template.

Content

While panels can be edited inline, the right sidebar also provides full access to content settings. It adjusts based on the selected template and reflects the visibility of options set in Global Settings. Panels support three types of visual elements:

• Emoji: Used to add personality and expressiveness to panels, 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 panels and other modules.

Styling options

Global styling options include corner rounding and color customization. The color picker follows a two-color scheme with accent and text colors to ensure visual consistency across light and dark modes, and to align with the overall design system. Available colors are defined in the Optics Style Guide to maintain consistency across all formatting modules.

When Color Mute is enabled, the accent color is applied to all elements, including the background with reduced opacity. In this mode, text color settings are disabled.

Open

Color Mute

Edit/Remove Panel

To edit or remove a Panel module from a Confluence page, follow these steps:

• Open the page where the Panel module is located

• Click Edit to enter page editing mode

• Locate and select the Panel module that needs to be updated or removed

• A small Confluence toolbar will appear above the module, offering options to edit, duplicate, or delete

• Click Edit to update the content or Delete to remove the module from the page

Need Help or Want to Connect?