Kage Design logo kage
dreamscalelabs.com
Dreamscale Labs feature grid component

Design analysis

A text-led section contrasts a bold multi-line statement on the left with explanatory paragraphs and a small contextual link on the right. Its simplicity gives the positioning room to land.

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/dreamscale-labs/1997d92a-7a08-4743-8853-9f94160e0cd8-1792130787-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/dreamscale-labs/1997d92a-7a08-4743-8853-9f94160e0cd8-1792130510959-full.webp
- Component on Kage: https://kage.design/component/dreamscale-labs-feature-grid-2

## Before you start
Ask the user what strategic product belief or positioning statement they need to communicate. Ask who must understand it and adapt the reading order accordingly.

Create a two-column editorial positioning section with generous top and bottom padding. The left side contains a short, bold multi-line heading at approximately 27–31px with tight line-height; the right side contains one or two paragraphs at 13–15px in #70757a and a small text link with a directional arrow. Use a 48–52% / 48–48% split, align both columns near the top, and keep the copy widths narrow enough to remain readable. Use white space and a faint horizontal divider rather than cards. Preserve strong mobile behavior by stacking the heading and body with a 24–32px gap.

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

More components