GDPR logo
Talk to Sales

Page Hero

Table of contentsArrow Down Icon Back to top
Table of contents

The page hero sits at the top of the Insight content and introduces the Insight with its title, optional cover image, and collaborator information. It contains the page title, an optional cover image, collaborator information, and a visual divider.

Page Title Copy link

At the top of the content area, the page title is editable inline. This title is separate from the header title, but both stay in sync so that editors can rename the Insight from either location.

Editing works inline: click the title and start typing to update it. Changes are synced automatically.

Cover Image Copy link

Below the title, you can optionally add a cover image using the Add cover button.

Adding a cover image gives the Insight a visual identity. Covers are optional and do not affect document structure.

Cover Actions Copy link

When you hover over the cover area, an action icon appears. Clicking the icon opens a dropdown with two options:

  • Change cover photo
  • Remove cover

Collaborators Copy link

Below the title (or cover, if present), collaborator avatars are shown along with names.

Hovering a collaborator reveals additional details such as:

  • Name
  • Team role
  • Email

This helps clarify who contributed to the Insight and how they relate to the project.

Page hero without cover

Page hero without cover

The page hero shows the Insight title and collaborators and separates the header from the main content.

Page hero with cover image

Page hero with cover image

You can add a cover image to give the Insight a visual identity without affecting its structure.

Cover image actions

Cover image actions

When you hover over the cover image, you can change or remove the cover using the action menu.

Copyright © 2025 UXtweak®. All rights reserved.