---
title: Logo grid | Module Library
---

[Skip to content](https://testportal.streamcreative.com/module-library/logo-grid#main-content)

![Membership Demo](https://testportal.streamcreative.com/hs-fs/hubfs/Membership-Demo.png?width=470&height=59&name=Membership-Demo.png)Homepage

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

## 1. Default — all settings inherited from theme

![Logo 1](https://placehold.co/200x80/png?text=Logo+1)

![Logo 2](https://placehold.co/200x80/png?text=Logo+2)

![Logo 3](https://placehold.co/200x80/png?text=Logo+3)

![Logo 4](https://placehold.co/200x80/png?text=Logo+4)

![Logo 5](https://placehold.co/200x80/png?text=Logo+5)

![Logo 6](https://placehold.co/200x80/png?text=Logo+6)

## 2. Section style → Dark section (section\_variant\_4)

![Logo 1](https://placehold.co/200x80/png?text=Logo+1)

![Logo 2](https://placehold.co/200x80/png?text=Logo+2)

![Logo 3](https://placehold.co/200x80/png?text=Logo+3)

![Logo 4](https://placehold.co/200x80/png?text=Logo+4)

![Logo 5](https://placehold.co/200x80/png?text=Logo+5)

![Logo 6](https://placehold.co/200x80/png?text=Logo+6)

## 3. Grayscale ON — hover releases color (4 cols, Small gap, Large logos)

![Logo 1](https://placehold.co/240x96/0B6E4F/FFF/png?text=Logo+1)

![Logo 2](https://placehold.co/240x96/B30000/FFF/png?text=Logo+2)

![Logo 3](https://placehold.co/240x96/1D4ED8/FFF/png?text=Logo+3)

![Logo 4](https://placehold.co/240x96/B45309/FFF/png?text=Logo+4)

## 4. Logo filter → None (always full color)

![Logo 1](https://placehold.co/200x80/0B6E4F/FFF/png?text=Logo+1)

![Logo 2](https://placehold.co/200x80/B30000/FFF/png?text=Logo+2)

![Logo 3](https://placehold.co/200x80/1D4ED8/FFF/png?text=Logo+3)

![Logo 4](https://placehold.co/200x80/B45309/FFF/png?text=Logo+4)

![Logo 5](https://placehold.co/200x80/4C1D95/FFF/png?text=Logo+5)

![Logo 6](https://placehold.co/200x80/065F46/FFF/png?text=Logo+6)

## 5. Animation → Line by line (header, then each logo staggers in)

![Logo 1](https://placehold.co/200x80/png?text=Logo+1)

![Logo 2](https://placehold.co/200x80/png?text=Logo+2)

![Logo 3](https://placehold.co/200x80/png?text=Logo+3)

![Logo 4](https://placehold.co/200x80/png?text=Logo+4)

![Logo 5](https://placehold.co/200x80/png?text=Logo+5)

![Logo 6](https://placehold.co/200x80/png?text=Logo+6)

---

#### Solutions

- [Services](https://testportal.streamcreative.com/services?hsLang=en)
- [Industries](https://testportal.streamcreative.com/industries?hsLang=en)

#### Company

- [About](https://testportal.streamcreative.com/about?hsLang=en)
- [Careers](https://testportal.streamcreative.com/careers?hsLang=en)

#### Resources

- [Blog](https://testportal.streamcreative.com/blog?hsLang=en)
- [Contact](https://testportal.streamcreative.com/contact?hsLang=en)

© 2026 Your Company. All rights reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "Brookfield",
    "addressRegion" : "WI",
    "postalCode" : "53005",
    "streetAddress" : "13555 Bishops Ct"
  },
  "logo" : {
    "@type" : "ImageObject",
    "url" : "https://f.hubspotusercontent10.net/hubfs/2659819/Membership-Demo.png"
  },
  "name" : "streamcreative.com",
  "url" : "https://testportal.streamcreative.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "WebPage",
  "name" : "Module Library: Logo grid",
  "url" : "https://testportal.streamcreative.com/module-library/logo-grid"
}
```