kage
neon.com
Design analysis
A 1200630 OG card on a near-black canvas with abstract vertical neon bars in green, teal and amber glowing across the top two-thirds, like data streams or an equalizer. The logo lockup sits top-left, a small red kicker line ('A Databricks company') with a tiny icon sits above a two-line white headline in a clean sans, bottom-left aligned. The composition is asymmetric and calm: bright abstract texture upper-right, quiet dark space lower-left for the type.
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/neon-tech/990abec0-e39b-43d0-968f-0c2e2e0cba03-1789060088662.webp - Design on Kage: https://kage.design/designs/neon-og-image Produce a 1200630 Open Graph social card image (HTML/CSS rendered to PNG, or SVG) inspired by this composition. ## Before you start Ask the user what they are building, who it is for, and what brand assets they have (name, colours, type). Apply everything below to THEIR product, not to the reference brand. ## Canvas & composition - 1200630 fixed canvas, near-black background (#0A0F0D-ish). - Upper-right two-thirds: abstract vertical bar/glow motif rows of thin vertical rectangles with soft blur and glow, in the brand's accent palette (e.g. green #00E599, teal, plus one warm accent). Vary heights and clusters; let edges fade into black. Leave the lower-left third mostly dark and quiet for text. - Top-left: logo lockup small geometric mark (~64px) beside the brand wordmark in bold uppercase, white. - Bottom-left, anchored near the lower edge: a small uppercase kicker line with a tiny 16px icon preceding it in the accent colour, letterspaced ~2px, ~20px. - Headline: two lines, left-aligned at the same left margin as the kicker, large (~7280px) white sans-serif with tight line-height (~1.05), no shadow. ## Design language - Single dark canvas, no borders or cards; depth comes from glow and blur only. - One focal cluster of visual interest; type occupies a clean quiet zone so the card reads at small sizes. - Colour: black base, one dominant accent glow hue plus 12 secondary hues, white type. - Type: bold geometric sans throughout; wordmark uppercase, headline sentence case, kicker small uppercase with letter-spacing. - No CTAs, no URLs, no badges beyond the kicker. ## Never Never use the reference brand's name, logo, wordmark, icon shapes, or exact copy. Never present the card as that product. Use the user's own branding and a headline written for their product.
