Kage Design logo kage
cortexdocs.dev
Cortex logo cloud component

Design analysis

A compact bordered strip signals breadth through a short introductory label and a row of numbered interface categories.

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/cortex/48e48c32-4544-4e71-94d3-849a84be1bb9-1789279409-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cortex/48e48c32-4544-4e71-94d3-849a84be1bb9-1789279340596-full.webp
- Component on Kage: https://kage.design/component/cortex-logo-cloud

## Before you start
Ask what ecosystem, standards, or integrations the user's product supports, and apply the structure to those assets.

Create a thin full-width trust strip beneath the product preview. Use a black background, subtle top and bottom borders (#202223), and a five-column desktop grid. The first cell contains a tiny uppercase monospace statement about coverage; the remaining cells contain numbered labels and short integration categories. Keep the cells evenly divided with faint vertical separators and muted gray typography.

Use generous horizontal padding, 14–16px vertical padding, and make the strip horizontally scrollable on small screens. Highlight only the active or most important item with a slight brightness increase.

Never: use the reference's logos, product names, copy, illustrations, imagery, or exact category labels.

More components