kage
asktori.ai
Design analysis
A flat cobalt-blue social card framed by a white dashed border inset like a blueprint or coupon. Hierarchy runs in three bands: a bold white sans-serif headline in three ragged lines on the left, a wireframe line-art "support message" illustration stacked like documents on the right, and a huge striped condensed wordmark spanning the full width at the bottom. Monochrome white-on-blue with no gradients or shadows keeps it legible 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/tori/8437de54-a615-4572-b802-61a6cc26a905-1792476172065.webp
- Design on Kage: https://kage.design/designs/tori-og-image
## Before you start
Ask the user what product or message the card is for, who it targets, and what brand assets they have (name, tagline, brand colours, any logotype). Wait for the answers before designing. Everything below is a style system to apply to *their* brand, not the reference.
## Page structure
Produce a single **1200×630** social card image (HTML/CSS rendered to PNG, or an SVG). Layout top to bottom:
1. **Frame**: a solid full-bleed background colour with a 1–2px dashed border inset ~40px from every edge, giving a blueprint/coupon feel.
2. **Upper zone (two columns)**: left column holds a bold three-line headline in sentence case with tight leading (~1.05) and ragged line breaks; right column holds a simple line-art wireframe illustration (outlined card/panel with placeholder text bars) with 2–3 offset duplicate outlines behind it to suggest a stack.
3. **Bottom zone**: a very large wordmark (~140–170px cap height) spanning nearly the full width with generous letter-spacing, set in a decorative treatment (horizontal stripe fill or outline) in the foreground colour.
## Design language
- Strictly two-tone: one saturated background (~#2962E8 cobalt blue) with all content in white. No gradients, shadows, or photography.
- All imagery is wireframe line-art: 2px strokes, rounded rectangles, placeholder bars instead of real text — readable at thumbnail size.
- Type: geometric sans-serif bold for the headline; display wordmark in condensed caps with a striped or hatched fill for retro texture.
- Vertical rhythm: three distinct horizontal bands (headline / illustration, then wordmark) with generous negative space between them; content kept away from the dashed frame by consistent padding.
- No photographic elements; flatness is the whole aesthetic.
## Never
Do not copy the reference's brand name, wordmark, copy ("AI support that knows your product"), dove icon, or exact illustration. Use placeholder branding and copy provided by the user. Never present the result as the reference product.
