kage
alexishida.com
Design analysis
A 1200×630 share card split into two zones: a paper-white identity column on the left and a tilted dark-mode app screenshot floating over a sumi-e ink-wash texture on the right. Hierarchy on the left runs brush-drawn mark → red seal stamp → high-contrast serif wordmark → letterspaced caps tagline with one red keyword → a hairline-divided four-icon feature row → repo URL, all locked to a single left margin. The palette is strictly paper white, ink black and seal red (the stamp motif repeats top-left and bottom-right), so the dark UI panel carries all the contrast weight and the card reads instantly at thumbnail size.
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. - Screenshot: https://kage-design-assets.t3.tigrisfiles.io/screenshots/moji/de80257d-ad3e-4889-8cb7-8abf50ee8f4d-1789192950741.webp - Design on Kage: https://kage.design/designs/moji-og-image ## Before you start Ask the user what product this card is for, who the audience is, and what brand assets they already have (name, wordmark, colours, typefaces, an existing app screenshot). Wait for the answers before designing. Everything below is applied to *their* product with placeholder branding and copy — never to the reference product. Deliverable: a single social/OG image at exactly **1200×630**. Build it as HTML/CSS sized to that canvas and render to PNG (e.g. a fixed 1200×630 body screenshot via Playwright/Puppeteer), or as a standalone SVG. All text must be real, selectable text or vector — no rasterised placeholder lorem except the app screenshot itself. ## Page structure - **Canvas zones**: split the card asymmetrically — the left ~55% is a light
