## 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/pitch-com/8882e84c-6ddd-4755-86f5-074be21394c0-1789060077312.webp
- Design on Kage: https://kage.design/designs/pitch-og-image

## Before you start
Ask the user what they are building, who it is for, and what brand assets they already have—including the brand name, colours, typefaces, and any approved logo or imagery—and wait for their answers. Apply the reference's composition to that product, not to Pitch.

## Page structure
- **Single social-card canvas:** Produce one 1200×630px Open Graph image, with the entire composition designed for quick recognition in a social-feed preview.
- **Background field:** Fill the canvas edge to edge with a rich purple/blue gradient, keeping the center slightly deeper so the foreground remains crisp.
- **Centered brand lockup:** Place a placeholder brand symbol and placeholder wordmark as one horizontal unit around the visual center, with balanced optical spacing and generous empty space on every side.
- **No secondary content:** Keep the card intentionally spare: do not add navigation, buttons, body copy, screenshots, or decorative panels.

## Design language
- **Use a single focal hierarchy:** The centered brand lockup is the only dominant element; avoid competing headlines or imagery.
- **Build calm through negative space:** Treat the 1200×630 canvas as an open field, with the lockup occupying roughly the middle third of the width and a compact vertical band.
- **Use a saturated cool gradient:** Start near violet purple, approximately `#7138F2`, transition through deep indigo around `#35178F`, and finish near electric blue-violet around `#5220E8`. Keep the gradient soft and full bleed rather than banded.
- **Keep foreground type white:** Use a clean, rounded or humanist sans-serif in high-contrast white, approximately `#FFFFFF`. Set the placeholder wordmark large, bold, and optically aligned with the symbol.
- **Treat the symbol as part of the wordmark:** Use a simple abstract placeholder mark with rounded geometry, similar visual weight to the wordmark; do not use any reference logo shape.
- **Keep surfaces flat:** No cards, borders, shadows, grain, illustration, or photographic background. A very subtle tonal variation in the gradient is acceptable, but the composition should remain crisp and minimal.
- **Render as an image:** Implement the card as an SVG or HTML/CSS composition rendered to a PNG at exactly 1200×630px. Ensure text is embedded or converted reliably so the exported image looks identical across environments.
- **Interaction is irrelevant:** This is a static social asset; do not add hover states or responsive UI. If previewing it in a browser, preserve the fixed 1200×630 aspect ratio.

## Never
- Never use Pitch's logo, wordmark, product name, tagline, exact copy, or recognizable brand mark.
- Never copy the reference card literally; use only its broad centered-lockup, negative-space, and gradient composition.
- Never include logos, wordmarks, product names, copy, illustrations, photography, or icon sets from the reference.
- Never present the result as Pitch or imply an affiliation with Pitch.