Kage Design logo kage
cloudknife.com
CloudKnife card component

Design analysis

An editorial founder section uses a text-heavy left column and overlapping founder portraits on the right, grounded by a subtle rising background shape.

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/cloudknife/9dafaa08-16c6-4721-8c78-296bafbb7abc-1793081094-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/cloudknife/9dafaa08-16c6-4721-8c78-296bafbb7abc-1793080968695-full.webp
- Component on Kage: https://kage.design/component/cloudknife-card-2

## Before you start
Ask what the user's product is, who it serves, and what their brand personality and visual identity are. Apply the following principles to that product rather than copying the reference.

Create a founder-story section on a dark background with a two-column editorial layout. The left column has a small eyebrow, a strong two-line heading, three short paragraphs, and a tiny source or credibility line. The right column uses overlapping rounded portrait cards with one clearly featured person and a caption. Add a low-contrast curved or rising gradient shape behind the portraits, but keep content readable without it. Use 16px body text, 30–40px heading, muted lavender secondary text, 20–24px image radii, and restrained overlap shadows. On mobile, place the portrait group below the story and reduce overlap.

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

More components