Articles on: Rooms

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


The cover is managed from the page header itself, not from the build bar:


  1. Open the page in edit mode.
  2. At the top of the page, click + Add cover. A default banner appears and its popover opens — configure layout, background, text, and logos.
  3. Click outside or close the popover to apply.


To remove it, click the cover to reopen the popover and click Remove banner at the bottom.


Page header with the "+ Add cover" button, and the cover popover with "Remove banner"


Edit a cover


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


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 , 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; the prospect logo is set on the room itself — see Prospect logo.


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


Updated on: 02/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!