Kage Design logo kage
hob.dev
hob logo cloud component

Design analysis

A small centered caption introduces a six-item horizontal row of pale provider tiles, establishing compatibility without visual noise.

Prompt preview
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/hob/bb3af585-7542-45f5-8db1-3e25168b9aff-1789106502-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/hob/bb3af585-7542-45f5-8db1-3e25168b9aff-1789106472876-full.webp
- Component on Kage: https://kage.design/component/hob-logo-cloud

Use the reference as inspiration only; never reproduce the product's branding, logo, copy, or proprietary content. Build a compatibility logo cloud with a centered muted caption and six equal light-gray tiles in one row. Each tile should contain a generic monochrome AI/provider icon and short invented label, with #f7f7f7 background, 10px radius, 16px gaps, and 72–84px height. Make the row horizontally scrollable or two-column on mobile.

More components