Kage Design logo kage
sponkly.com
Sponkly feature grid component

Design analysis

Several compact sections establish trust, identify audience segments, and summarize platform capabilities before pricing.

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/sponkly/bd3f409f-e542-449e-8bba-263211d90a1c-1792735459-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/sponkly/bd3f409f-e542-449e-8bba-263211d90a1c-1792735346298-full.webp
- Component on Kage: https://kage.design/component/sponkly-feature-grid-6

## Before you start
Ask me what trust promises, customer segments, and platform capabilities are true for my product. Ask what brand colours and icon style to use, then build an original summary section.

Use three stacked subsections: a compact security/trust card grid, a four-card audience row, and a six-item capability grid. Keep headings centered where the content is introductory, then use left-aligned card content. Cards should be white or softly tinted, with 1px #E8E8E8 borders, 12–16px radii, small monochrome line icons, #1F1F1F headings, and #737373 descriptions. Use subtle background shifts between subsections, generous 48–80px vertical padding, and consistent card heights within each row.

Make the capability grid scannable with short labels and one-sentence explanations. Use responsive 2-column and then 1-column breakpoints, with accessible icon labels and no information conveyed by colour alone.

### Never
- Never copy the reference trust claims, audience names, product name, logos, icons, or exact copy.
- Never reuse reference imagery or illustrations.

More components