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

Design analysis

A small isolated example card turns the abstract workflow into a concrete resolved customer interaction while maintaining the page's airy rhythm.

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-1789142171-9.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-2

## Before you start
Ask what resolved customer interaction best demonstrates the user's product, then create an original compact example.

Build a small centered example card representing a successfully resolved interaction. Include a small context label or icon, an optional avatar or abstract status marker, a short outcome statement, and supporting metadata. Keep it intentionally isolated in a large whitespace field.

Design rules:
- Card width 260–320px; white background; radius 10–14px; subtle border #E1E1E1 and soft shadow.
- Typography: 14–16px sans-serif for the main outcome, 11–12px muted metadata.
- Use a small neutral icon or approved product asset at the top; keep the content scannable.
- Add generous surrounding whitespace and optional pale glow only if it reinforces the brand.
- Interaction: card can expand to show the full case or link to a detail page.

Never:
- Never reuse the reference person's photo, words, logo, product name, or date.
- Never expose private customer information.
- Never make the card look like a full dashboard.

More components