The logo bar is a great way to use social proof in your flows and show your leads, e.g. the companies you're already working with. Our animation feature helps attract attention to the logos and makes your page more dynamic!
🔎 If you would like to add your logo to your header, take a look here.
Update the Content
After clicking on a building block, you’ll find the Content section on the right. This is where you add and edit the block’s main elements.
Upload new logos or choose existing ones from your image library. You can rearrange the order and remove any logos you no longer need.
Change the Settings
After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s options, appearance, and behavior to tailor it perfectly to your flow.
Spacing
Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.
Appearance
Control the visibility to show the block only on mobile, desktop, or hide it entirely. Choose a background colour and set the alignment of the logos. Use max. height to define equal spacing above and below the block.
Select an image style to match your design: oiginal, greyscale, or inverted. On mobile, you can enable dynamic alignment and define how many logos appear per row.
Animation
Activate Is animated to bring your Logo bar to life with animation. Use Speed to control how fast the logos scroll across the screen.
