Kage Design logo kage
openship.io
OpenShip Cloud card component

Design analysis

A split informational block presents an open-source message and actions beside a prominent license card with compact metadata.

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/openship-cloud/9519eed9-0239-434c-a94e-7bf81cfc26ba-1792562631-11.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/openship-cloud/9519eed9-0239-434c-a94e-7bf81cfc26ba-1792562575709-full.webp
- Component on Kage: https://kage.design/component/openship-cloud-card-2

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

Create a two-column open-source information block. The left side should use a small eyebrow, bold two-line statement, short paragraph, and two compact actions. The right side should contain a dark rounded license card with a small label, large license title, and a short supporting explanation, followed by a compact list of metadata rows beneath it. Use a white background, 40/60 balance, 24–36px gap, near-black text, and a charcoal feature card with 16px radius. Stack the columns on mobile and keep the metadata easy to scan.

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

More components