openship.io
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.
kage