dreamscalelabs.com
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.
kage