Section reference › People & social proof

Logo strip `"type": "logos"`

A row of client or partner logos with an optional caption such as "Trusted by". Logos can be image files or plain names shown as styled wordmarks.

Example#

Paste this into the sections list of a page file:

JSON

{
  "type": "logos",
  "title": "Trusted by teams at",
  "items": [
    "Northwind",
    "Halden & Co",
    "BRIGHTLINE",
    "solvane",
    "Meridian",
    {
      "name": "Kestrel Labs",
      "link": "https://example.com"
    }
  ]
}

Options#

Option	Type	Default	Description
`title`	string	—	Small caption above the logos.
`items`	array	—	Logos: a name, an image path, or an object.

Also accepts the options every section accepts: id, tone, padding, fluid, class, hidden.

Fields of each entry in `items`#

Option	Type	Default	Description
`(string)`	string	—	A path/URL ending in .svg, .png, .jpg or .webp shows that image; any other text is shown as a wordmark.
`image`	string	—	Logo image (object form).
`name`	string	—	Company name: the wordmark text, or the image's alt text.
`link`	string	—	Link on the logo. Defaults to "#".

Tips#

Text logos cycle through five font styles so a row of names looks like a row of different brands.
For image logos use SVG or transparent PNG files of similar height, placed in src/img/.
Default padding is "sm".

Editing it in the HTML files#

Each logo is an a.logo-item. To use a real logo, replace its text with <img src="assets/img/clients/acme.svg" alt="Acme">.

Where it's used#

Open these pages in template/ to see it working:

Creative Agency: template/creative-agency/about.html (source src/demos/creative-agency/pages/about.json)
Real Estate: template/real-estate/about.html (source src/demos/real-estate/pages/about.json)
Corporate: template/corporate/home-2.html (source src/demos/corporate/pages/home-2.json)
Finance: template/finance/about.html (source src/demos/finance/pages/about.json)
Law Firm: template/law-firm/home-2.html (source src/demos/law-firm/pages/home-2.json)
SaaS Product: template/saas/about.html (source src/demos/saas/pages/about.json)
Mobile App: template/mobile-app/index.html (source src/demos/mobile-app/pages/index.json)
Tech Conference: template/conference/home-2.html (source src/demos/conference/pages/home-2.json)
Online Academy: template/education/home-2.html (source src/demos/education/pages/home-2.json)
Restaurant: template/restaurant/awards.html (source src/demos/restaurant/pages/awards.json)
Hotel & Resort: template/hotel/index.html (source src/demos/hotel/pages/index.json)
Wedding: template/wedding/index.html (source src/demos/wedding/pages/index.json)
Gym & Fitness: template/gym/about.html (source src/demos/gym/pages/about.json)
Yoga Studio: template/yoga/about.html (source src/demos/yoga/pages/about.json)
Day Spa & Salon: template/spa/about.html (source src/demos/spa/pages/about.json)
Medical Clinic: template/medical/home-2.html (source src/demos/medical/pages/home-2.json)
Dental Clinic: template/dental/index.html (source src/demos/dental/pages/index.json)
Pet Care: template/pet-care/home-2.html (source src/demos/pet-care/pages/home-2.json)
Construction: template/construction/about.html (source src/demos/construction/pages/about.json)
Travel Agency: template/travel/about.html (source src/demos/travel/pages/about.json)
Photographer: template/photography/awards.html (source src/demos/photography/pages/awards.json)
Architecture Studio: template/architecture/home-2.html (source src/demos/architecture/pages/home-2.json)
Interior Design: template/interior-design/index.html (source src/demos/interior-design/pages/index.json)
Portfolio: template/portfolio/home-2.html (source src/demos/portfolio/pages/home-2.json)
Music Festival: template/music-festival/about.html (source src/demos/music-festival/pages/about.json)
Fashion Store: template/fashion-store/home-2.html (source src/demos/fashion-store/pages/home-2.json)
Charity: template/charity/causes.html (source src/demos/charity/pages/causes.json)
Logistics: template/logistics/index.html (source src/demos/logistics/pages/index.json)

Logo strip "type": "logos"