uL uLanding Docs

Brand Section

The Brand block shows client/partner logos. It's content‑driven: manage logos in Brands (admin); this block displays them as a carousel or grid.


Purpose

"Trusted by" logo strips are powerful social proof. Use this block to display the brands you've worked with.


Available layouts

8 layouts:

Layout Best for
Classic (default) A simple scrolling logo strip.
Contained Logos in a bordered container.
Centered Centered with a heading.
Digital A digital‑agency style.
Creative A creative‑studio style.
Architecture A clean architectural style.
Grid A static grid of logos with optional contact link.
Dark A dark‑background logo strip.

Field reference

Field What it does
Brand source All published or Selected (choose specific brands).
Selected brands Pick which brands to show (when source = Selected).
Max brands shown Limit how many logos appear.
Brand order Admin order / Newest / Name A→Z.
Open links in new tab Open brand websites in a new tab.
Customer text A label (Classic layout), e.g. "Trusted by 500+ brands".
Section title A heading (Centered/Architecture layouts).
Contact text / link text / URL A contact prompt (Grid layout).
Padding top / bottom Spacing.

Best practices

  • Use clean, same‑height logos. Transparent PNG or SVG logos look best.
  • Greyscale on rest, color on hover is a classic, tasteful effect (some layouts do this automatically).
  • Recognizable brands first — lead with names visitors will know.
  • Keep it to one row of scrolling logos near the top of the page.

Example

  • Layout: Classic
  • Brand source: All published
  • Customer text: "Trusted by industry leaders"
  • Order: Admin order

Frontend result

A row or grid of logos, often auto‑scrolling, linking to each brand's website.

Brand Section on the live site

Screenshot: Page Builder → Brand Section (Classic) on the live site


Troubleshooting & common mistakes

Problem Fix
No logos show Add brands in Brands admin and publish them.
Logos different sizes Upload logos with consistent dimensions/padding.
A logo links nowhere Add a website URL to that brand.

Common mistakes: uploading logos with white backgrounds (use transparent), mixing huge and tiny logos.

➡️ Related: Brands

➡️ Next: Video Area