Kage Design logo kage
termsquad.com
termsquad.com feature grid component

Design analysis

A split section pairs a benefit-led text block with a contained visual showing context passing between sessions. The generous empty space makes the idea feel calm and dependable rather than feature-dense.

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/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166958-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166919347-full.webp
- Component on Kage: https://kage.design/component/termsquad-feature-grid-3

## Before you start
Ask what the user's product, audience, and brand are, then apply the principles below to their product rather than copying this reference.

Create a split feature section for persistent project context or shared memory. Put a small uppercase eyebrow, a large two-line heading, body copy, and two text links in the left half. Put a framed abstract visual in the right half: stacked session cards connected vertically to a central green knowledge card, showing context being retained and reused. Align the two halves vertically around the visual center and leave substantial breathing room. Use #07090a for the page, #0c1010 for the visual frame, #1e2724 borders, #eaf0ed primary text, #929b97 secondary text, and a restrained green surface around #183027. Use 16px radii, low-contrast shadows, thin connectors, and tiny status metadata. On mobile, stack text above visual and preserve the visual's hierarchy.

Never use logos, product names, copy, illustrations, or imagery from the reference.

More components