SaaSFlowDocs

Module · Social proof

Customer Logo Strip

Customer or partner logos, still or scrolling.

47 settingsPagesBlog postsBlog listings

Where it is used

Content settings

What the module says and shows. Repeaters (groups you can add items to) are marked as such.

SettingTypeWhat it does
Eyebrow textTextShort label shown above the heading, such as a category or theme.Default: TRUSTED BY INNOVATIVE COMPANIES WORLDWIDE
HeadingTextWrap words in [square brackets] to highlight them, for example: Relied on by [500+ teams worldwide].
SubheadingTextShort line of supporting text under the heading.
LogosRepeater · 3 settings
Logo imageImageRecommended: a PNG, JPG or WebP under 1MB. Add alt text that describes the image.
Company nameTextUsed as the image's alt text, and shown as text when no image is uploaded.Default: Company Name
Link (optional)LinkWhere this item links to. Leave empty for no link.

Style settings

In the module's Styles tab: layout, color mode, background, fonts, spacing and animation.

SettingTypeWhat it does
Color modeChoice"Same as site" follows Theme settings > Color mode.Options: Same as siteLightDarkDefault: Same as site
Eyebrow styleChoice"Same as theme" follows Theme settings > Eyebrow.Options: Same as themePlain textPillGradient badgeDefault: Same as theme
TextGroup · 4 settings
Text alignmentChoiceAlignment of the text.Options: CenterLeftDefault: Center
Heading size (desktop)NumberLeave empty to use the theme H2 size (Theme settings > Typography > Font sizes).
Highlight styleChoiceHow [bracketed] words in the heading are colored.Options: Gradient (theme primary to accent)Solid colorDefault: Gradient (theme primary to accent)
Highlight colorColorUsed with the Solid color style. Leave empty to use the theme primary color.
FontsGroup · 2 settings
Heading fontFontStarts as the theme's heading font. Change it to use another font in this module only.Default: Outfit
Text fontFontStarts as the theme's body font. Change it to use another font in this module only.Default: Inter
Transparent backgroundOn/offRemoves this section's background so the page background shows through. Useful for blending sections together.Default: Off
Background colorColorLeave empty to use the theme colors for the current light or dark mode.
Background animationChoiceA subtle moving background behind this section. Soft bubbles: glass circles floating. Aurora: large blurred color clouds drifting. Dot grid: a faint dotted pattern drifting. Ripples: soft rings spreading out. Brand colors only; still for visitors who turn off motion.Options: NoneSoft bubblesAurora glowDrifting dot gridRipplesDefault: None
Animation strengthNumberHow visible the background animation is. Lower is subtler.Default: 45
Number of bubblesNumberHow many bubbles float in this section. Phones show about half of them.Default: 6
Bubble arrangementNumber0: this section gets its own random arrangement. Pick any other number to shuffle the bubbles into a new one, for example if a bubble sits behind your text.Default: 0
SpacingGroup · 4 settings
Top padding (desktop)NumberSpace above the content on desktop.Default: 48
Bottom padding (desktop)NumberSpace below the content on desktop.Default: 48
Top padding (mobile)NumberSpace above the content on phones.Default: 40
Bottom padding (mobile)NumberSpace below the content on phones.Default: 40
Scroll logos as a carouselOn/offOff: logos sit in a fixed grid. On: they scroll continuously.Default: On
Logos per row (desktop)NumberIn carousel mode: how many logos are visible at once.Default: 6
Logos per row (tablet)NumberHow many logos sit side by side on tablets.Default: 4
Logos per row (mobile)NumberHow many logos sit side by side on phones.Default: 2
CarouselGroup · 3 settings

Used when "Scroll logos as a carousel" is on.

DirectionChoiceWhich way the logos scroll.Options: Scroll leftScroll rightDefault: Scroll left
Pause when hoveredOn/offStops scrolling while the mouse is over the logos.Default: On
Fade logos at the edgesOn/offFades logos in and out at the left and right edges.Default: On
Carousel loop durationNumberSeconds for one full loop. Higher is slower.Default: 30
LogosGroup · 8 settings
Logo styleChoiceOptions: PlainBoxed (each logo on a card)Default: Plain
Logo height (maximum)NumberMaximum height. Images keep their proportions.Default: 40
Logo width (maximum)NumberLogos scale to fit within this width and the height above, keeping their proportions. A logo is also never wider than its column.Default: 160
Space between logosNumberSpace between the logos.Default: 32
Show logos in grayscaleOn/offIn dark mode, grayscale logos are shown in white.Default: On
Logos in dark modeChoiceWhite keeps dark logos visible on a dark background.Options: WhiteOriginal colorsDefault: White
Logo opacityNumberHow visible the logos are before hover.Default: 60
Full color and opacity on hoverOn/offShows full color and opacity on hover.Default: On

Tip

Headings support [brackets] to highlight words and | for a new line. See Editing tips.