kage
arsaze.com
Design analysis
A 1200×630 social card built from exactly two values: a flat near-black canvas and a single white mark. The flame-like letterform — calligraphic strokes with sharp tapering points and a thin notch where they cross — sits essentially centred, occupying roughly a third of the canvas height and leaving vast negative space around it. There is no headline, no wordmark and no product UI; the silhouette carries the entire message, which keeps the card legible even at link-preview 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/arsaze/7a4aab62-2c1d-47fa-aca7-996a152e690a-1790748035454.webp - Design on Kage: https://kage.design/designs/arsaze-og-image ## Before you start Ask the user what product they are building, who it is for, and what brand assets they already have (name, colours, type, any existing mark). Wait for the answers before designing. Everything below is applied to **their** brand, not to the reference. Produce the card as a **1200×630 image**: either a standalone SVG sized 1200×630, or an HTML/CSS page of that exact size rendered to PNG (e.g. via Playwright/Puppeteer screenshot). Use placeholder branding and copy wherever the user's assets are still unknown. ## Card composition - **Canvas**: one flat frame, 1200×630, background `#0A0A0A`. No texture, no gradient, no border, no vignette. - **Focal mark**: a single sculptural white mark for the user's brand — an abstract monogram, flame-like glyph or tapered letterform, drawn as SVG paths. Height ≈ 30–35% of the canvas (~200–220px), horizontally and vertically centred. All other space is empty. - **Optional copy lockup**: if the user wants text, add at most a wordmark plus one tagline line, centred below the mark, ≤28px, white at 70–80% opacity, wide letter-spacing. Never more than two short lines of copy on the whole card. - **Safe area**: keep every mark and every pixel of type inside ~60px margins so crop, rounding and link previews never clip the artwork. ## Design language - **One idea per card**: the mark *is* the message. No screenshots, no product UI, no feature lists, no badges. - **Colour**: exactly two values — pure white `#FFFFFF` ink on near-black `#0A0A0A`. Grays appear only as the 70–80% opacity of optional micro-copy. Nothing else. - **Shape character**: calligraphic rather than geometric — tapered strokes with sharp points, deliberate variation in stroke width, and a thin notch or gap where strokes cross so the silhouette reads as two intertwined forms. It should feel hand-cut, not drawn with a rectangle tool. - **Negative space as hierarchy**: the mark occupies at most a third of the canvas height; emptiness is what makes it focal. Resist filling corners with decoration. - **Flatness**: no shadows, no blurs, no highlights, no rounded containers. Contrast does all the work. - **Thumbnail test**: at 120×63 the mark must still read as a clean silhouette. If it dissolves, thicken strokes or enlarge the mark. ## Never - Never reuse the reference's flame-A monogram, blackletter styling, wordmark or name, or present the result as that product. - Never add stock illustration, photography, emoji or decorative icon sets to this card — the composition survives on a single mark and emptiness alone.
