lorikeetcx.ai
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.
kage