linear.app
Design analysis
A 1200×630 social card that is essentially pure brand: a single centered lockup of a white circular mark with diagonal slits next to a bold white wordmark, floating on a near-black canvas that lightens into a soft grey glow toward the bottom. No headline, tagline or imagery — the restraint and the ambient vertical gradient do all the work, making the logo read instantly at small share sizes.
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/linear-app/9f47e6b7-4cd6-4afe-b816-f704e8d07015-1789059984137.webp - Design on Kage: https://kage.design/designs/linear-og-image # 1200×630 social card — centered wordmark on dark gradient ## Before you start Ask the user what brand this card is for, who it targets, and what assets they have (logo mark, wordmark, brand colours, typeface). Wait for answers; use placeholder branding until then. ## Output Produce a single 1200×630 image, e.g. an HTML/CSS file rendered to PNG or a standalone SVG. It is an Open Graph/social share card. ## Page structure (canvas composition) - Full-bleed canvas: near-black background (#0a0a0a) with a subtle vertical/radial gradient that brightens to a soft grey haze (#3a3a3a–#555) toward the bottom edge — like light rising from below. - Exact center of the canvas: one horizontal brand lockup — a simple geometric logo mark (e.g. a solid circle or square with 2–3 thin diagonal negative-space slits) in pure white, roughly 90px tall, followed by ~40px gap, then the wordmark in white, bold sans-serif, ~110px cap height, set in Title Case. - Nothing else: no headline, tagline, URL or imagery. All elements must fit comfortably within the middle third so safe zones survive cropping in Slack/X previews. ## Design language - Monochrome only: pure white (#fff) artwork on near-black (#0a0a0a); depth comes from the gradient, not colour. - One focal element: the lockup IS the hierarchy — huge scale contrast against an empty field. - Use a single geometric sans (Inter/Neue Haas style), medium-to-bold weight, tight tracking (-2%). - No borders, shadows or texture beyond the gradient glow. ## Never - Do not use the Linear name, logo mark, or any copy from the reference; use the user's own or placeholder branding. Never present the result as Linear's card.
kage