Kage Design logo kage
lorikeetcx.ai
lorikeetcx.ai card component

Design analysis

Floating capability chips are arranged with ample whitespace to suggest a flexible orchestration layer and make the abstract system feel tangible.

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/lorikeetcx-ai/66a45b6c-3f5c-4089-bde2-7a0aa025402f-1789142170-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lorikeetcx-ai/66a45b6c-3f5c-4089-bde2-7a0aa025402f-1789141728989-full.webp
- Component on Kage: https://kage.design/component/lorikeetcx-card

## Before you start
Ask what capabilities or actions the user's product performs, then turn those into concise, original labels.

Build a lightweight capability visualization using 5–8 floating pill chips arranged around an invisible central axis. Each chip should contain a small icon and a short action label, communicating orchestration without requiring a dense diagram.

Design rules:
- Layout: use a relative canvas with chips positioned in a balanced staggered pattern; keep the composition centered and airy.
- Chips: white surfaces, 1px border #DADDE2, radius 999px, soft shadow 0 2px 8px rgba(0,0,0,.08), 12–16px horizontal padding.
- Typography: 12–14px sans-serif; emphasize the action verb with medium weight.
- Icons: small, simple, and colour-coded sparingly with lavender, mint, or blue accents.
- Motion: optional slow float or reveal on scroll, respecting reduced-motion preferences.
- Responsive: reposition chips into a clean two-column or stacked list on small screens.

Never:
- Never reuse the reference labels, icons, copy, product name, or brand assets.
- Never make chips collide or rely on absolute positions that break responsively.
- Never use animation that harms readability.

More components