Kage Design logo kage
lorikeetcx.ai
lorikeetcx.ai feature grid component

Design analysis

A centered headline introduces the relationship between customer channels and internal operating rules, with lightweight channel cues above the message.

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-6.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-feature-grid-2

## Before you start
Ask what channels and operational systems the user's product connects to, then design an original introduction around those priorities.

Create a spacious feature-introduction section. Place three small channel indicators or icons above a centered serif headline, followed by a concise explanatory sentence. The visual goal is to make breadth of channel support feel clear before the deeper workflow explanation appears.

Design rules:
- Layout: centered narrow content column with icons evenly spaced above the heading.
- Typography: serif headline 32–42px with a compact two-line maximum; sans-serif body 13–15px.
- Icons: simple line or product-specific icons in muted grey/lavender, each with a small label.
- Colour: white background, black text #111111, muted grey #7B7B7B, optional pale lavender #EEEAFE.
- Spacing: 28–40px between icon row and heading; 12–18px between heading and body; generous vertical padding.
- Interaction: channel indicators may be selectable tabs if multiple stories exist.

Never:
- Never reuse the reference icons, wording, brand mark, or product name.
- Never overwhelm the section with a grid of tiny features.
- Never use unsupported channel claims.

More components