hob.dev
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.
kage