> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://katalyz.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Page cover (the page-level banner)

The **page cover** is a full-width banner that sits at the **top of a page**, above all sections. It's the first thing buyers see when they open the page — use it to anchor identity (logos + title), set the tone, or spotlight a key message.

> **Not a widget.** Unlike content widgets (Text, Image, Video, etc.), the cover is a **page-level element** — there's one cover per page, managed from the page itself rather than from the floating build bar's widget catalog.

## Add or remove a cover

1. Open the page.
2. On the floating build bar at the bottom of the editor, click the **Cover** chip — the pinned page-level chip on the left of the bar. Clicking toggles the cover on or off for the current page.
3. Once shown, a popover opens — configure layout, background, text, and logos.
4. Click outside or close the popover to apply.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-18194_avy6wa.png =732xauto)

## Edit a cover

Click anywhere on an existing cover — the same popover reopens for editing.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-17-at-18203_olmqcs.png)

## Layout (three variants)

Pick one of three arrangements that determine how the title/subtitle and background relate to each other:

- **Overlay** — the title and subtitle sit **on top of** the background (image or color), typical hero-banner look. Best with a darker image and the **Light** text color setting for contrast.
- **Split** — background on one side, title/subtitle on the other. Good when the visual and the words deserve equal weight.
- **Vertical-split** — background on top, text below (or vice versa). Good when the background is the main visual and text is a caption.

## Background

- **Color** — solid fill; pick any hex value
- **Gradient** — choose from presets or define a custom gradient
- **Image** — upload a file or paste a URL
- **Video** — upload or link a looping video

## Text

- **Title** — the main headline
- **Subtitle** — a secondary line
- **Text color** — **Light** (for dark backgrounds) or **Dark** (for light backgrounds) — switch based on contrast
- **Alignment** — **Left** or **Center**

## Logos

The cover is where your (and your buyer's) branding shines. You can show one or more logos with full control over how they look:

- **Visibility** — toggle on/off
- **Position** — top or bottom of the cover
- **Size** — Small / Medium / Large
- **Shape** — Circle / Rounded / Square
- **Color treatment** — Natural / White / Grey / Dark (useful to harmonize mixed-brand logos)
- **Arrangement** — **Separated (x)**, **Separated (+)**, or **Overlap** — the visual relationship when both your logo and the buyer's are shown

The seller logo comes from your workspace [Brand assets](https://katalyz.crisp.help/en/article/brand-assets-tagline-logo-icon-sce8gi/); the prospect logo is set on the room itself — see [Prospect logo](https://katalyz.crisp.help/en/article/using-the-buyers-logo-19sptzs/).

## When to use a cover

- **Top of every buyer-facing page** — reinforces identity, signals this isn't a generic template
- **Key-moment pages** — kickoff, proposal, signing page — where you want a visual "wow"
- **Not on internal pages** — skip the cover on pages hidden from buyers; you don't need the aesthetic overhead

## When NOT to use

- **Every page with the same cover** — variety helps pacing; repeat the cover on similar pages (e.g. all proposal pages) but not on *every* page
- **As a replacement for a Hero section** — if you need widgets inside the hero (CTAs, videos, links), use a regular section with a Cover background instead

## Related articles
- [Adding and reordering pages and sections](https://katalyz.crisp.help/en/article/adding-and-reordering-pages-and-sections-1jg01wj/)
- [Styling sections and widgets](https://katalyz.crisp.help/en/article/styling-sections-and-widgets-6unsv7/)
- [Brand assets (workspace)](https://katalyz.crisp.help/en/article/brand-assets-tagline-logo-icon-sce8gi/)
- [Prospect logo](https://katalyz.crisp.help/en/article/using-the-buyers-logo-19sptzs/)