Fast visual context — backed by real relationships. The Partner logos block arranges customer, partner, integration or supporter logos into one consistent system. The heading should always make the relationship clear: customer, partner, integration or something else.
Do not use a logo without permission and a real relationship. A logo cloud only builds trust when visitors can fairly infer what the relationship means. The example below therefore uses fictional brands: every name includes “Sample”, and none is a real customer or partner.
Full-colour logos preserve more brand character, while greyscale creates a calmer and more consistent row. “Greyscale → colour on hover” can be a good compromise. With many logos, a smaller, quieter size often feels more organised.
More precise headings might be “Integrates with these systems”, “Customers include” or “Technology partners”. The label should tell visitors what the logos actually represent.
The block brings real brand marks into one visual system without distorting them.
Add and reorder multiple images. Four to eight logos is a useful starting point for a clear row or grid.
Choose Always colour, Always greyscale or Greyscale → colour on hover. The hover version starts grey and returns to colour when pointed at.
Choose small, medium or large maximum logo height while keeping the original aspect ratio.
ALT text should identify the brand. A logo is not merely decorative, so it should remain meaningful to screen-reader users.
A logo can lead to a relevant destination such as an integration or partner page.
Logos are always shown in full, so there is no need for a focal point or crop setting.
Show every logo at once, or let them take turns in a fixed grid.
The familiar look: every logo is visible at the same time.
A fixed grid whose logos swap one cell at a time. Add more logos than cells.
With Changing cells, this sets how many cells are visible at once. The swapping pauses while a mouse pointer is over the grid.
Seven ready-made looks for the same logos – pick the one that fits the page.
The logos in a single row under the heading. Understated; suits a handful of logos.
The heading on one side, the logos beside it on tiles: White or Outlined.
Two rows run in opposite directions, at a slow, normal or fast pace.
A grey wall of logos where the one under the mouse pointer lights up. The featured logo is lit first.
The featured logo goes on a large dark tile beside the others. Good when one relationship matters most.
A dark band led by the number of logos, followed by the word partners, clients or brands.
Stamps with perforated edges, alternately tilted or straight. Suits more playful sites.
Fictional brand, for illustration only
6brands
A logo is a quick signal, but it carries very little detail.
PUT A REAL RELATIONSHIP BEHIND THE LOGO
Use authorised brand marks and state clearly what kind of relationship they represent.