Articles on: Rooms

Ticker widget

The Ticker widget is a horizontal strip of images. It can hold any kind of image, but it's primarily designed for logos — classic social proof use cases like "trusted by", customer roster, or partner reel.

How to add

The Ticker is not in the floating build bar — neither in the primary row nor under ⌄ All widgets. You add it through a Placeholder widget:

Add a Placeholder widget from the ⌄ All widgets popover, or click an existing empty placeholder in a section.
In the placeholder's configuration popover, pick the Ticker type (or, from a Generic placeholder, choose Ticker in the widget dropdown).
The Edit ticker popup opens straight away so you can add items and set the title, animation speed, display type and colour.

The selection pill — Ticker controls

Click the ticker to select it. Left to right:

Ask AI (gradient AI mark).
Edit content (settings icon) — opens the Edit ticker popup (see below). This is where all ticker configuration happens.
Design (paint bucket icon) — opens the contextual Design panel (Layout & corners / Spacing / Background / Border / Effects).
⋮ More — Duplicate · Delete.

(No Open / S-M-L — none apply to a ticker.)

The Edit ticker popup ("Manage the items displayed in the ticker") is where everything is managed:

Title — optional headline shown above the ticker (e.g. "Trusted by 50+ companies"). Leave empty for a title-less ticker.
Animation speed — how fast the strip scrolls: Slow · Medium (default) · Fast.
Display type — what each item shows:
- Images only — just the image (the default for logos)
- Images and labels — the image with its label underneath
- Labels only — text only, no images

(An item with no image always falls back to showing its label.)

Color — colour treatment applied uniformly to all items:
- Full color — leave each logo's original colours
- Grayscale — desaturate everything
- Grayscale, color on hover — desaturated, with the original colours revealed on hover
Items — the ordered list shown in the strip. Drag the grip handle to reorder, click the pencil to edit an item, click the ✕ to remove it.

Close with Done (or Cancel). Sizing, spacing and font sizes are not set here — resize the block itself, and use the Design panel for spacing.

Adding items — two sources

Click Add item in the popup. The Add an item modal opens with two tabs:

1. Manual import (the default tab)

Add label — the item's name (required; used in the "labels" display modes and as the fallback when there's no image).
Upload image — click the upload zone to pick a file (PNG, SVG, JPG).
Confirm with Add item (or Save changes when editing an existing item).

2. Search brand — the Brandfetch integration ⭐

Type a company name in the search box and Katalyz queries Brandfetch for its official logo. Each result shows the brand name and its domain, so you can pick the matching entity. Click a result and the logo is added straight away — no manual upload needed.

This is the fastest way to build a "trusted by" reel: type the customer's name, pick the logo, move on. No hunting brand portals, no asking marketing for the kit, no dealing with transparent-background variants.

Tip: Brandfetch covers a huge catalogue of public and B2B companies. If a company isn't found, fall back to Manual import and upload from their brand guidelines page.

Best practices

6–10 items is the sweet spot — fewer feels thin, more overwhelms
Use Grayscale when brands clash visually; use Full color when each brand's color is intentional
Well-known brands first — readers scan left to right before the animation starts
Keep images consistent in aspect ratio — wildly different sizes create a jagged strip

Updated on: 01/10/2026

Was this article helpful?

Thank you!