kage
marketing-edge-assets.lemonade.com
Design analysis
A 1200×630 social card split roughly in half: the left column stacks a script wordmark above a three-line serif headline, while the right half is occupied by a single monochrome line-art scene (house, bench, person, dog) that bleeds to the canvas edges. The palette is strictly greyscale — charcoal type on white, illustration strokes and flat fills in light grey — with a thin light-grey band along the bottom acting as a ground line that the illustration's shadows sit on. Hierarchy is handled purely by scale and weight contrast: the oversized serif headline reads first, the friendly script logo second, the illustration third, all without a single accent colour.
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/lemonade-com/4a8bf056-79a0-4a39-a73f-96f361176acc-1789146794925.webp - Design on Kage: https://kage.design/designs/lemonade-og-image ## Before you start Ask the user what they are building, who it is for, and what brand assets they already have (name, wordmark style, colours, type). Wait for the answers before designing. Everything below is applied to *their* product as placeholder branding and copy — never to the reference product. ## Page structure Produce a **1200×630 social card** (Open Graph image) as a single HTML/CSS file rendered to PNG at exactly 1200×630, or as an SVG with the same viewBox. Composition top to bottom: 1. **Canvas**: full-bleed white background; reserve a light-grey horizontal band (~70–80px tall) across the entire bottom of the canvas to act as a ground line. 2. **Left column (~50% width)**: top-aligned stack with generous margins (~60px from top and left). First the brand wordmark (use a script or handwritten placeholder typeface, ~36–44px, dark charcoal). Below it, with clear vertical spacing, the headline broken over three short lines. 3. **Right half**: one continuous spot illustration — a single domestic scene (house, person, pet, or whatever fits the user's product) — drawn as monochrome line art that sits on the bottom grey band and bleeds off the top and right edges for depth. Background buildings or shapes at reduced opacity behind the main subject. 4. **No CTA, no URL, no secondary text**: only wordmark + headline + illustration. ## Design language - **Split composition**: text owns the left half, imagery owns the right half; they never overlap. The headline's cap-height aligns visually near the illustration's vertical middle, so the two halves feel balanced. - **Palette**: near-monochrome. White canvas (#FFFFFF), charcoal text (#2C2C2C–#333333), illustration strokes in mid grey (#9A9A9A–#B0B0B0), flat illustration fills and the bottom band in very light grey (#EDEDED–#F5F5F5). If the user's brand has one accent colour, allow it only in the wordmark or one small illustration detail — never the headline. - **Type pairing and scale**: friendly script or handwritten face for the wordmark (~40px) against a classic serif for the headline (~72–84px, weight ~600, line-height ~1.15, tight three-line break with a deliberate rag). The contrast between casual script and formal serif is the personality of the card. - **Illustration style**: consistent ~2px stroke line art, rounded terminals, flat light-grey fills instead of gradients or shading, small decorative touches (a bird, clouds, foliage) at lower stroke contrast for depth. Everything sits on the grey ground band so it feels planted. - **Focal hierarchy**: headline (largest) → wordmark (script, top-left) → illustration. Whitespace is the separator; no rules, borders, boxes or shadows anywhere. - **Motion/interaction**: none — this is a static card. Export at exactly 1200×630, keep all text ≥60px from edges so platform crops never clip it. ## Never Do not use the Lemonade name, script wordmark, or the specific house/bench/person/dog illustration. Do not copy the headline copy "Forget Everything You Know About Insurance" — write original placeholder copy for the user's product. Never present the result as Lemonade or imply any affiliation.
