--- title: "Logo cloud design: anatomy, variants and examples | Kombai" description: "A logo cloud shows the logos of customers, partners or press in one quiet band, so people see at a glance who already trusts a product." canonical_url: https://kombai.com/glossary/logo-cloud/ author: "The Kombai Team" --- # Logo cloud A logo cloud shows the logos of customers, partners or press in one quiet band, so people see at a glance who already trusts a product. - Also called: logo wall, trusted by - Platforms: Web, Mobile - In the Kombai gallery: [82 web designs](https://kombai.com/gallery/web/logo-cloud/), [34 mobile designs](https://kombai.com/gallery/mobile/logo-cloud/) - [Relaybird](https://kombai.com/gallery/inspirations/logo-cloud-web-66/) (Web) - [Driftstone](https://kombai.com/gallery/inspirations/logo-cloud-ios-1/) (Mobile) - [Nimbium](https://kombai.com/gallery/inspirations/logo-cloud-web-8/) (Web) ## What is a logo cloud? A logo cloud is a band of logos under a one-line caption like "Trusted by 4,000 teams". It is social proof that asks for no reading: people spot names they know and borrow that trust. The logos are shown small, at one height and usually in one muted color, so the band supports the page instead of competing with it. - One short caption names who the logos are: customers, partners, investors or press. - Logos sit at the same visual size and color, so no single brand shouts. ## When to use logo cloud - **Under the hero.** Right after the pitch, to back it up before people scroll. - **Names people know.** Customers or press that your audience will recognize. - **Next to a big ask.** Near sign-up, demo and pricing forms, where trust matters most. ## When not to use one - **Unknown names.** Logos nobody recognizes add noise. Use a number or a quote. - **No permission.** Only show logos of companies that agreed to it. - **Inside the product.** People who already signed up need their work, not proof. ## Anatomy 1. **Caption**: Says whose logos these are 2. **Logo**: One mark, one height, muted 3. **Track**: A row, a grid or a scroll 4. **Pause control**: Stops a moving marquee 5. **States**: Row, grid, marquee, paused ## Variants We sorted every logo cloud design in the Kombai gallery and found five patterns. ### 1. Rows under a caption The default. A caption, then one or two centered rows of five to eight marks. - [Ledgerline](https://kombai.com/gallery/inspirations/logo-cloud-web-1/) (Web) - [Latticewood](https://kombai.com/gallery/inspirations/logo-cloud-web-63/) (Web) - [Cairnworks](https://kombai.com/gallery/inspirations/logo-cloud-web-75/) (Web) ### 2. Logo wall Logos in bordered cells or cards, several rows deep, for products with a long customer list. - [Beaconmill](https://kombai.com/gallery/inspirations/logo-cloud-web-49/) (Web) - [Girder](https://kombai.com/gallery/inspirations/logo-cloud-ios-3/) (Mobile) - [Nimbrook](https://kombai.com/gallery/inspirations/logo-cloud-web-61/) (Web) ### 3. Marquee One row that scrolls sideways in a loop, faded out at both edges. - [Fablecraft](https://kombai.com/gallery/inspirations/logo-cloud-web-82/) (Web) - [Meridian Logos](https://kombai.com/gallery/inspirations/logo-cloud-web-10/) (Web) - [Orbitry](https://kombai.com/gallery/inspirations/logo-cloud-web-12/) (Web) ### 4. Caption beside the logos The caption takes the first column and the logos fill the cells beside it. - [Modulith](https://kombai.com/gallery/inspirations/logo-cloud-web-11/) (Web) - [Ridgecombe](https://kombai.com/gallery/inspirations/logo-cloud-web-51/) (Web) - [Woldrin Robotics](https://kombai.com/gallery/inspirations/logo-cloud-web-40/) (Web) ### 5. Logos with proof Logos paired with a stat, a quote or a customer story, so each name comes with a reason. - [Willowdrift](https://kombai.com/gallery/inspirations/logo-cloud-web-59/) (Web) - [Bilberrow](https://kombai.com/gallery/inspirations/logo-cloud-web-60/) (Web) - [Gneissport](https://kombai.com/gallery/inspirations/logo-cloud-web-57/) (Web) ## Where logo clouds show up ### Under the hero A thin row of customer logos at the bottom of the first screen, right below the buttons. - [Tidemark](https://kombai.com/gallery/inspirations/logo-cloud-web-5/) (Web) - [Vireo](https://kombai.com/gallery/inspirations/logo-cloud-web-4/) (Web) - [Bellowick](https://kombai.com/gallery/inspirations/logo-cloud-web-62/) (Web) ### Press and investors "As seen in" and "Backed by" bands, with publication wordmarks or the names of funds. - [Morrowline](https://kombai.com/gallery/inspirations/logo-cloud-web-79/) (Web) - [Dolomere](https://kombai.com/gallery/inspirations/logo-cloud-ios-7/) (Mobile) - [Wavelet](https://kombai.com/gallery/inspirations/logo-cloud-web-7/) (Web) ### Integrations and partners The tools a product connects to, or the partners behind a project, as icons or cards. - [Waymark Grid](https://kombai.com/gallery/inspirations/logo-cloud-web-80/) (Web) - [Wovenpath](https://kombai.com/gallery/inspirations/logo-cloud-web-72/) (Web) - [Crosswind Collective](https://kombai.com/gallery/inspirations/logo-cloud-web-81/) (Web) ### Brand walls in shopping apps Delivery and retail apps turn logos into tiles people tap to browse one brand. - [Brand Directory](https://kombai.com/gallery/inspirations/logo-cloud-ios-17/) (Mobile) - [Barrowden](https://kombai.com/gallery/inspirations/logo-cloud-ios-12/) (Mobile) - [Stavemoor](https://kombai.com/gallery/inspirations/logo-cloud-ios-13/) (Mobile) ## Logo cloud vs similar components | | [Logo cloud](https://kombai.com/glossary/logo-cloud/) | [Testimonials](https://kombai.com/glossary/testimonials/) | [Stats section](https://kombai.com/glossary/stats-section/) | [Hero section](https://kombai.com/glossary/hero-section/) | |---|---|---|---|---| | Proof | Who uses it | What customers say | How much, how fast | None, it makes the claim | | Reading | A glance | A few sentences | A few numbers | A headline and a line | | Best for | Recognizable names | Specific outcomes | Scale and results | Opening the page | ## Build notes - Give each logo image the company name as its alt text, without the word "logo". - Put the logos in a list (